text: const input = theme => ({    
      color: '#FFF',
      get focusGlowColor() {
          return theme.variables.colors.primary
      },
      focusGlowRadius:'3px',
      fontWeight: 400,
      get height() {
          return `calc(${theme.variables.globals.fontSize} * 3)`
      },
      paddingX: '1em',
      paddingY: '1em',
      get paddingBottom() {
          return this.paddingY
      },
      get paddingLeft() {
          return this.paddingX
      },
      get paddingRight() {
          return this.paddingX
      },
      get paddingTop() {
          return this.paddingY
      },
      spacing: '.5rem'
  })
  
  export default input;