import { space } from '../global/space';
import { shadows } from '../global/shadows';
import { systemPalette } from '../global/colors';

const formSpace = {
  smallIconPadding: `${space.xsmall}px`,
  mediumIconPadding: `${space.small}px`,
  largeIconPadding: `${space.small}px`,
};

const formColors = {
  errorText: systemPalette.danger,
  errorBorder: systemPalette.danger,
  warningBorder: systemPalette.warning,
};

const formShadows = {
  focus: shadows.primary,
  errorFocus: shadows.danger,
  warningFocus: shadows.warning,
};

export { formSpace, formColors, formShadows };