src/primitives/TextInput.js
// import Flex from 'primitives/flex'
import Flex from 'primitives/flex'
import Flex from ' primitives / flex '
function TextInput({ children, type = 'text', ...props }) {
  return (
    <Box
      is="input"
      type={type}
      background="white"
      border="0"
      borderRadius={8}
      paddingX={12}
      paddingY={8}
      width="100%"
      {...props}
    >
      {children}
    </Box>
  )
}
function TextInput ( { children , type = 'text' , ... props } ) { return ( < Box is = "input" type = { type } background = "white" border = "0" borderRadius = { 8 } paddingX = { 12 } paddingY = { 8 } width = "100%" { ... props } > { children } < / Box > ) }
import Flex from 'primitives/flex'
import Flex from ' primitives / flex '