Files
nebula.js/packages/ui/components/Toolbar.jsx
2019-05-03 17:56:40 +02:00

26 lines
468 B
JavaScript

import React, { useMemo } from 'react';
import themes from '../theme';
export default function Toolbar({
children,
style,
theme = themes('light'),
}) {
const className = useMemo(() => theme.style({
background: '$palette.grey.98',
color: '$palette.text.primary',
height: '48px',
fontFamily: '$typography.fontFamily',
}), [theme]);
return (
<div
className={className}
style={style}
>
{children}
</div>
);
}