import { ComponentProps, HTMLAttributes } from 'react';
import { CopyButton } from '../copy-button';
export declare const CodeBlockContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
export declare const CodeBlockHeader: import("react").ForwardRefExoticComponent<Omit<import("class-variance-authority").VariantProps<(props?: ({
    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
    align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
    justify?: "center" | "start" | "end" | "between" | null | undefined;
    wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
    gap?: 1 | "small" | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
    width?: "full" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    children?: import("react").ReactNode;
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(Omit<import("class-variance-authority").VariantProps<(props?: ({
    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
    align?: "center" | "start" | "end" | "justify" | null | undefined;
    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
    underline?: boolean | null | undefined;
    strikeThrough?: boolean | null | undefined;
    italic?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
} & {
    as?: "span" | undefined;
} & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
    align?: "center" | "start" | "end" | "justify" | null | undefined;
    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
    underline?: boolean | null | undefined;
    strikeThrough?: boolean | null | undefined;
    italic?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
} & {
    as: "div";
} & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
    align?: "center" | "start" | "end" | "justify" | null | undefined;
    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
    underline?: boolean | null | undefined;
    strikeThrough?: boolean | null | undefined;
    italic?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
} & {
    as: "label";
} & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
    align?: "center" | "start" | "end" | "justify" | null | undefined;
    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
    underline?: boolean | null | undefined;
    strikeThrough?: boolean | null | undefined;
    italic?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
} & {
    as: "p";
} & Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref"> | Omit<import("class-variance-authority").VariantProps<(props?: ({
    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
    transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
    align?: "center" | "start" | "end" | "justify" | null | undefined;
    lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
    underline?: boolean | null | undefined;
    strikeThrough?: boolean | null | undefined;
    italic?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | undefined;
    weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
} & {
    as: "a";
} & Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref">) & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>>;
export declare const CodeBlockCollapseTrigger: import("react").ForwardRefExoticComponent<Omit<import("class-variance-authority").VariantProps<(props?: ({
    variant?: "text" | "solid" | "outline" | "ghost" | null | undefined;
    size?: "small" | "normal" | null | undefined;
    disabled?: boolean | null | undefined;
    loading?: boolean | null | undefined;
    color?: "accent" | "danger" | "success" | "neutral" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    children?: import("react").ReactNode;
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    asChild?: boolean | undefined;
    loading?: boolean | undefined;
    loaderText?: import("react").ReactNode;
    leadingIcon?: import("react").ReactNode;
    trailingIcon?: import("react").ReactNode;
    maxWidth?: string | number | undefined;
    width?: string | number | undefined;
    style?: import("react").CSSProperties | undefined;
} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export interface CodeBlockCopyButtonProps extends Omit<ComponentProps<typeof CopyButton>, 'text'> {
    variant?: 'floating' | 'default';
}
export declare const CodeBlockCopyButton: import("react").ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=code-block-misc.d.ts.map