import type { ForwardedRef, PropsWithChildren } from "react";
import { type HTMLProps } from "react";
import "./Title.scss";
import { type TextColor } from "../Text/Text";
export type TitleStyle = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
type SharedProps = {
    /**
     * @deprecated, use variant instead
     */
    type?: TitleStyle;
    /**
     * @default "base"
     */
    variant?: TitleStyle;
    color?: TextColor;
    className?: string;
    ref?: ForwardedRef<HTMLHeadingElement>;
    /**
     * Sets the "level" of the Section Heading element.
     * @example <Title level="2">title</Title> // <h2>title</h2>
     *
     * When used any level based on the "variant" prop will be ignored.
     */
    level?: "1" | "2" | "3" | "4" | "5" | "6";
};
type WithChildrenProp = PropsWithChildren<SharedProps> & {
    /**
     * @deprecated Use children instead
     */
    text?: never;
};
type WithTextProp = SharedProps & {
    /**
     * @deprecated Use children instead
     */
    text: string;
    children?: never;
};
export type TitleProps = (WithChildrenProp | WithTextProp) & HTMLProps<HTMLHeadingElement>;
/**
 * @deprecated Use the new `Heading` component instead.
 */
export declare const Title: (props: TitleProps) => import("react").JSX.Element;
export {};