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