jsx import React from 'react' ; import { CSSObject , jsx } from '@emotion/core' ; import { COLOR } from '../Identity' ; import { INPUT_CLASSNAME } from './Input' ; import { INPUT_SUBMIT_COMBO_CLASSNAME } from './InputSubmitCombo' ; export type InputBlockProps < T = HTMLDivElement > = React . HTMLProps < T > ; const inputBlockStyle = props => ( { backgroundColor : COLOR . GRAY_LIGHTEN_88 , borderRadius : '4px' , boxShadow : `inset 16px 16px 0 ${ COLOR . WHITE }, inset -16px -16px 0 ${ COLOR . WHITE }` , marginBottom : '16px' , [ `.${ INPUT_CLASSNAME }, .${ INPUT_SUBMIT_COMBO_CLASSNAME }` ] : { marginBottom : '1px !important' , marginTop : '0 !important' , } , } ) ; export const InputBlock = ( props ) => < div css = { inputBlockStyle ( props ) } { ... props } />;