import { vars, createComponentTheme } from '../../css';
import { inputContainerContract } from './input-container.contract';

export const inputContainerTheme = createComponentTheme(
  inputContainerContract,
  {
    colors: {
      hover: vars.colors['base-down'],
      border: 'currentColor',
    },
    space: {
      'padding-x': '0.28em',
      'padding-y': '0.57em',
    },
    fontSizes: {
      base: vars.fontSizes['body1'],
    },
    fontWeights: {
      base: vars.fontWeights['bold'],
    },
  },
);