jsx import { jsx } from '@emotion/core' ; import { INPUT_CLASSNAME , InputProps , inputStyle } from './Input' ; import { COLOR } from '../Identity' ; export type InputSubmitComboProps < T = HTMLDivElement > = InputProps < T > ; export const INPUT_SUBMIT_COMBO_CLASSNAME = 'inputSubmitCombo' ; export const InputSubmitCombo = ( { children , ... props } ) => ( < div className = { INPUT_SUBMIT_COMBO_CLASSNAME } css = { theme => ( { ... inputStyle ( theme , props ) , '&:focus-within' : { boxShadow : `0 0 0 1px ${ COLOR . BLUE }` , } , [ `.${ INPUT_CLASSNAME }` ] : { '&:focus, &:invalid:not(:focus)' : { boxShadow : 'none' , } , boxShadow : 'none' , flexGrow : 1 , margin : '0 8px 0 0' , padding : '0 0 0 16px' , } , alignItems : 'center' , display : 'flex' , height : '57px' , justifyContent : 'space-between' , marginBottom : '4px' , paddingLeft : 0 , } ) } { ... props } > { children } < /div>);