Add toolbar component

main
Jake Dexheimer 7 years ago
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…
Cancel
Save