import { style } from '@vanilla-extract/css';

import { vars } from '../css';

export const input = style({
  display: 'inline-flex',
  alignSelf: 'stretch',
  flex: '1 1 auto',
  width: '100%',

  '::placeholder': {
    color: vars.components.input.colors.placeholder,
  },

  border: 'none',
  outline: 'none',
  backgroundColor: 'transparent',
  cursor: 'inherit',
});