mirror of https://github.com/sgoudham/carbon.git
Add toolbar component
parent
8ee6032491
commit
cc9f68d0f5
@ -0,0 +1,51 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import Dropdown from './dropdown'
|
||||||
|
|
||||||
|
const themes = [
|
||||||
|
{
|
||||||
|
name: 'dracula'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'solarized'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const langauges = [
|
||||||
|
{
|
||||||
|
name: 'javascript'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'python'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'c'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'shitty ass java'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
export default class extends React.Component {
|
||||||
|
constructor() {
|
||||||
|
super()
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div id="toolbar">
|
||||||
|
<Dropdown list={themes} />
|
||||||
|
<Dropdown list={langauges} />
|
||||||
|
<style jsx>{`
|
||||||
|
#toolbar {
|
||||||
|
width: 100%;
|
||||||
|
height: 40px; // TODO fix
|
||||||
|
margin-bottom: 16px;
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
`}</style>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue