.map(({label, classNames}) =>
Button({
onClick: true,
flat: true,
className: [id, ...classNames].join('.'),
}, [
label,
]),
.map(({label, classNames}) => span({},[
Button({
onClick: true,
primary: true,
className: [id, ...classNames].join('.'),
}, [
label,
]),
]))
.map(({label, classNames, disabled}) => span({},[
Button({
onClick: not(disabled),
primary: true,
className: [id, ...classNames].join('.'),
}, [
label,
]),
]))
const _render = ({dropper, dropped, cropper, cropped}) =>
col(
dropped ? cropper : dropper,
Row({style: {textAlign: 'center'}}, [
col(
h5({style: {marginTop: '0.5em', textAlign: 'center'}}, [
cropped ? 'Image Preview' : null,
]),
cropped && img({attrs: {src: cropped}, style: imageStyle}),
),
cropped && Button({className: 'save-image', onClick: true}, [
'Click me when finished!',
]),
])
)
export default ({
isOpen,
className,
label,
menu: {rightAlign},
items,
color = '#FFF',
}) =>
div({},[
Button(
{className, flat: true, onClick: true,
style: {color, margin: 0, paddingLeft: '0.5em'},
},
[label, svgDropDownIcon(color)]
),
menu({isOpen, rightAlign}, _menuItems(items)),
])