import { ComponentProps } from 'react';
import { RtText } from '@dpa/react-text';
import { RtSymbolActionOriginProps } from './rt-symbol-action.types';
import { RtTypographyIconTypography } from '@dpa/react-typography-icons';

export const symbolActionSizeMap: Record<
  NonNullable<RtSymbolActionOriginProps['size']>,
  {
    labelFont: ComponentProps<typeof RtText>['font'];
    iconFont: RtTypographyIconTypography;
  }
> = {
  xs: {
    labelFont: 'symbol-xs-regular',
    iconFont: 'symbol-xs-primary',
  },
  sm: {
    labelFont: 'symbol-sm-regular',
    iconFont: 'symbol-sm-primary',
  },
  md: {
    labelFont: 'symbol-sm-regular',
    iconFont: 'symbol-sm-primary',
  },
  lg: {
    labelFont: 'symbol-md-regular',
    iconFont: 'symbol-md-primary',
  },
};