import { vars, createComponentTheme } from '../../css';
import { separatorContract } from './separator.contract';

export const separatorTheme = createComponentTheme(separatorContract, {
  borderWidths: {
    base: '1px',
  },
  colors: {
    base: vars.colors['neutral-text-strong'],
  },
  space: {
    md: vars.space[4],
    lg: vars.space[5],
    xl: vars.space[6],
  },
});