import { cn } from '../../lib/cn';
import { Text as UIText } from '../../ui/text';

import type { TextProps, TextTone, TextVariant } from './Text.types';

const variantClass: Record<TextVariant, string> = {
  h2: 'text-h2',
  subtitleLarge: 'text-subtitleLarge',
  subtitleMedium: 'text-subtitleMedium',
  bodyMedium: 'text-bodyMedium',
  caption: 'text-caption',
  buttons: 'text-buttons',
};

const toneClass: Record<TextTone, string> = {
  default: 'text-foreground',
  muted: 'text-muted-foreground',
  primary: 'text-primary',
  success: 'text-success',
  danger: 'text-danger',
  warning: 'text-warning',
  inverse: 'text-primary-foreground',
};

export function Text({ variant = 'bodyMedium', tone = 'default', className, ...props }: TextProps) {
  return <UIText className={cn(variantClass[variant], toneClass[tone], className)} {...props} />;
}