styled(Space).attrs(props => ({ h: { size: 'm', properties: ['padding-left', 'padding-right'] }, v: { size: 'm', properties: ['padding-top', 'padding-bottom'] }, className: classNames({ 'flex-1': true, }), }))
styled(({ style, ...props }) => ( <ImageSet {...props} onContextMenu={event => props.protected && event.preventDefault()} /> ))
styled(({ className }) => ( <span className={className}> <svg width="21" height="21"> <path d={PEN_TOOL_ICON_PATH} style={{ fill: 'currentColor' }} /> </svg> </span> ))
const withBaseInputStyle = WrappedComponent => styled(WrappedComponent)` background-color: ${({ theme }) => theme.inputBgColor}; border: 1px solid ${({ theme }) => theme.borderColor}; font-size: 1em; width: 100%; `
styled(SpinnerSvg).attrs({ size: '128px', color: props => props.theme.accent, })
styled(({ type, url, className, text }) => { const components = { twitter: { Button: TwitterShareButton, Icon: TwitterIcon }, reddit: { Button: RedditShareButton, Icon: RedditIcon }, } const { Button, Icon } = components[type] return ( <Button url={url} title={text} className={className}> <Icon size={40} round iconBgStyle={{ fill: '#313d3e' }} /> </Button> ) })
styled( ({ disabled, transparent, reverse, palette, theme, ...props }) => ( <Link {...props} /> ), )
styled(Space).attrs( props => ({ className: classNames({ selected: props.selected, block: true, relative: true, }), }) )
const makeFoldButton = ActionButton => styled(ActionButton)` display: inline-block; filter: none; position: absolute; left: 0; &:hover { cursor: pointer; } `
styled(Space).attrs(props => ({ v: { size: 'm', properties: ['padding-top', 'padding-bottom'] }, className: 'flex flex--column flex-1', }))
styled(Space).attrs( props => ({ className: classNames({ caps: true, 'inline-block': true, 'bg-purple': true, 'font-white': true, [font('hnm', 5)]: true, }), }) )
styled(Space).attrs(() => ({ className: classNames({ 'text-align-center': true, }), }))
styled(Space).attrs( props => ({ className: classNames({ 'bg-yellow inline-block': true, }), }) )
styled(({ className }) => ( <span className={className}> <svg width="21" height="21"> <path d={ERASER_ICON_PATH} style={{ fill: 'currentColor' }} /> </svg> </span> ))
styled( Space ).attrs(props => ({ className: classNames({ 'relative bg-viewerBlack font-white': true, }), }))