You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
carbon/components/toolbar.js

52 lines
766 B
JavaScript

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>
)
}
}