.map(({isOpen, children, leftAlign}) =>
div('.menu', [
Mask({className: 'close', dark: false, isOpen}),
isOpen ? div('.menu-contents.paper1', {
style,
hook: {insert},
class: {left: leftAlign, right: !leftAlign},
}, children) : null,
])
function menu(config, children) {
const {isOpen, rightAlign, style: styles = {}} = config
const style = Object.assign(
menuStyle,
styles,
rightAlign ? {right: '0', left: 'auto'} : {left: '0', right: 'auto'}
)
return div('.app-menu', {style: containerStyle}, [
Mask({className: 'close-menu', dark: false, isOpen}),
isOpen ? div('.paper1', {hook: {insert}, style}, children) : null,
])
}