import { ComponentProps } from 'react';
import { RtChipsAction } from './rt-chips-action/rt-chips-action';
import { RtText } from '@dpa/react-text';
import { RtTypographyIconProps } from '@dpa/react-typography-icons';

export const chipsSizeMap: Record<
  NonNullable<ComponentProps<typeof RtChipsAction>['size']>,
  {
    labelFont: ComponentProps<typeof RtText>['font'];
    iconFont: RtTypographyIconProps['typography'];
  }
> = {
  xs: {
    labelFont: 'symbol-xs-medium',
    iconFont: 'symbol-xs-primary',
  },
  sm: {
    labelFont: 'symbol-sm-medium',
    iconFont: 'symbol-sm-primary',
  },
  md: {
    labelFont: 'symbol-sm-medium',
    iconFont: 'symbol-sm-primary',
  },
  lg: {
    labelFont: 'symbol-md-medium',
    iconFont: 'symbol-md-primary',
  },
};