import { ComponentProps, ExcludedProps, ScaleValue, VariantProps } from "@vitality-ds/system";
import type { valueof } from "../helpers/logic/type-helpers";
import { BaseTypography } from "./styled";
export type AllowedTypographyHTMLElements = keyof Pick<JSX.IntrinsicElements, "caption" | "small" | "span" | "div" | "p" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1">;
export type AvailableColorVariants = VariantProps<typeof BaseTypography>["color"];
export type ColorScaleValues = `$colors${ScaleValue<"colors">}`;
export type ColorType = ColorScaleValues | AvailableColorVariants;
export type TypographyProps = ExcludedProps & Omit<ComponentProps<typeof BaseTypography>, "color"> & {
    /**
     * Override the rendered HTML element one of a predefined set of options
     */
    htmlTag?: AllowedTypographyHTMLElements;
    /**
     * Accepts any valid colour returned by getColorScaleValueByUseCase() or a pre-set list of legacy color names
     */
    color?: ColorType;
};
export type TypographyVariantOptions = valueof<Pick<VariantProps<typeof BaseTypography>, "variant">>;