export interface ManaSymbolProps {
  /**
   * The mana symbol to display (e.g., 'g' for green, 'u' for blue, '2' for {2}, etc.)
   */
  symbol: string;

  /**
   * Optional size variant. Can be 'xs', 'sm', 'lg', '2x', '3x', '4x', etc.
   */
  size?: 'xs' | 'sm' | 'lg' | '2x' | '3x' | '4x';

  /**
   * Optional shadow variant
   */
  shadow?: boolean;

  /**
   * Optional fixed-width variant
   */
  fixed?: boolean;

  /**
   * Optional cost variant (adds border)
   */
  cost?: boolean;

  /**
   * Optional half variant (for hybrid mana symbols)
   */
  half?: boolean;

  /**
   * Optional className to be added to the element
   */
  className?: string;

  /**
   * Optional inline style object
   */
  style?: React.CSSProperties;
}