styled.button.attrs(props => ({ className: classNames({ 'plain-button': true, 'flex-inline flex--v-center': true, [font('hnl', 3)]: true, }), }))
styled.input.attrs(props => ({ type:props.type, placeholder:props.placeholder, name : props.name, checked:props.checked }))
styled.ScrollView.attrs({ contentContainerStyle: css` padding-top: ${(p) => p.theme.unit * 4}px; `, })
styled.div.attrs({ style: ({ transform }) => ({ transform, }), })
styled( Space ).attrs(props => ({ className: classNames({ 'relative bg-viewerBlack font-white': true, }), }))
styled.button.attrs(props => ({ /* Here we can set the traditional HTML tag`s properties */ type: 'submit', disabled: props.loading, }))
styled.div.attrs(props => ({ className: classNames({ [font('hnm', 5)]: true, }), }))
styled.div.attrs(props => ({ className: classNames({ absolute: true, }), }))
styled.button.attrs(props => ({ className: classNames({ 'plain-button': true, flex: true, 'flex--v-center': true, [font('hnm', 5)]: true, }), }))
styled.div.attrs(props => ({ className: classNames({ absolute: true, }), }))
styled.div.attrs({ style: ({ width, transform }) => ({ width, transform, }), })
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.div.attrs(props => ({ className: classNames({ [font('hnl', 5)]: true, }), }))
styled.div.attrs(props => ({ className: classNames({ 'flex flex--wrap': true, }), }))
styled.div.attrs(props => ({ className: classNames({ 'flex flex--v-center': true, [font('hnl', 5)]: true, }), }))