jsketcher/web/app/cad/dom/components/ControlBar.jsx
2020-05-21 17:23:07 -07:00

24 lines
No EOL
610 B
JavaScript

import React from 'react';
import ls from './ControlBar.less';
import cx from 'classnames';
export default function ControlBar({left, right}) {
return <div className={cx(ls.root, 'mid-typography')}>
<div className={ls.left}>
{left}
</div>
<div className={ls.right}>
{right}
</div>
</div>
}
export function ControlBarButton({onElement, disabled, children, onClick, ...props}) {
// mapActionBehavior
return <span className={cx(ls.button, 'disable-selection', {disabled})}
onClick={disabled || onClick} ref={onElement} {...props}>
{children}
</span>
}