import { vars, createComponentTheme } from '../../css';
import { scrollAreaContract } from './scroll-area.contract';

export const scrollAreaTheme = createComponentTheme(scrollAreaContract, {
  sizes: {
    width: '12px',
  },
  colors: {
    border: vars.colors['base-text-weak'],
    thumb: vars.colors['base-text-weak'],
    'thumb-hover': vars.colors['base-text-strong'],
  },
  borderWidths: {
    track: '1px',
  },
});