react-mana-font/dist/types.d.ts

React TypeScript wrapper for the mana-font package

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;
}