@navinc/base-react-components/cjs/text.d.ts

Nav's Pattern Library

import React from 'react';
export declare type TextProps = {
    bold?: boolean;
    size?: SizeKey;
    boldType?: BoldKey;
    $bold?: boolean;
    light?: boolean;
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
declare const sizeVariants: {
    small: {
        fontSize: string;
        lineHeight: string;
    };
    medium: {
        fontSize: string;
        lineHeight: string;
    };
    regular: {
        fontSize: string;
        lineHeight: string;
    };
    large: {
        fontSize: string;
        lineHeight: string;
    };
};
declare const boldVariants: {
    regular: {
        fontWeight: number;
    };
    semiBold: {
        fontWeight: number;
    };
    bold: {
        fontWeight: number;
    };
};
declare type BoldKey = keyof typeof boldVariants;
declare type SizeKey = keyof typeof sizeVariants;
export declare const Text: import("styled-components").StyledComponent<({ bold, light: _light, size: _size, boldType: _boldType, ...props }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {
    bold?: boolean | undefined;
    size?: "regular" | "small" | "medium" | "large" | undefined;
    boldType?: "regular" | "semiBold" | "bold" | undefined;
    $bold?: boolean | undefined;
    light?: boolean | undefined;
} & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, never>;
export default Text;