mirror of https://github.com/sgoudham/carbon.git
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.
52 lines
766 B
JavaScript
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>
|
|
)
|
|
}
|
|
}
|