'use client';

import { default as React } from 'react';
export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
    /** HTML element to render */
    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "label" | "small" | "strong" | "em" | "mark" | "del" | "ins" | "sub" | "sup";
    /** Typography variant (predefined combinations) */
    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "overline" | "inherit";
    /** Font size */
    size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
    /** Font weight */
    weight?: "light" | "normal" | "medium" | "semibold" | "bold";
    /** Line height */
    lineHeight?: "tight" | "normal" | "relaxed";
    /** Text color */
    color?: "primary" | "secondary" | "success" | "warning" | "danger" | "foreground" | "muted" | "disabled" | "inverse";
    /** Text alignment */
    align?: "left" | "center" | "right" | "justify";
    /** Text transform */
    transform?: "none" | "capitalize" | "uppercase" | "lowercase";
    /** Text decoration */
    decoration?: "none" | "underline" | "line-through" | "overline";
    /** Text overflow behavior */
    truncate?: boolean | number;
    /** White space handling */
    whitespace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
    /** Disable text selection */
    noSelect?: boolean;
    /** Italic style */
    italic?: boolean;
    /** Gradient text (requires color variants) */
    gradient?: boolean;
    /** Text shadow */
    shadow?: boolean;
    /** Custom class name */
    className?: string;
    /** Custom styles */
    css?: any;
    /** Children content */
    children?: React.ReactNode;
}
export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
export declare const Heading: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & {
    level?: 1 | 2 | 3 | 4 | 5 | 6;
} & React.RefAttributes<HTMLHeadingElement>>;
export declare const Text: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & {
    variant?: "body1" | "body2" | "caption";
} & React.RefAttributes<HTMLElement>>;
export declare const Title: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & {
    level?: 1 | 2;
} & React.RefAttributes<HTMLElement>>;
export declare const Display: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant" | "size" | "weight"> & React.RefAttributes<HTMLHeadingElement>>;
export declare const Label: React.ForwardRefExoticComponent<Omit<TypographyProps, "as"> & React.RefAttributes<HTMLLabelElement>>;
export declare const Code: React.ForwardRefExoticComponent<Omit<TypographyProps, "as"> & React.RefAttributes<HTMLElement>>;
export declare const Link: React.ForwardRefExoticComponent<Omit<TypographyProps, "as"> & {
    href?: string;
    external?: boolean;
    underline?: "none" | "hover" | "always";
} & React.RefAttributes<HTMLAnchorElement>>;
//# sourceMappingURL=typography.d.ts.map