import { default as React } from 'react';

export declare const rootClassName = "teddy-flip-card";
export type FlipContextType = {
    flipped: boolean | undefined;
    setFlipped: React.Dispatch<React.SetStateAction<boolean | undefined>>;
    frontId: string;
    backId: string;
    frontRef: React.RefObject<HTMLDivElement> | undefined;
    backRef: React.RefObject<HTMLDivElement> | undefined;
    footerRef: React.RefObject<HTMLDivElement> | undefined;
};
export declare const FlipContext: React.Context<FlipContextType>;
export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
    /**
     * Initial flip state of the card. Use this for uncontrolled components.
     * @default false
     */
    defaultFlipped?: boolean;
    /**
     * Callback function triggered when the flip state changes.
     * Receives the new flip state as a parameter.
     * @param flipped The new flip state (true for back side showing, false for front side)
     */
    onFlippedChange?: (flipped: boolean) => void;
    /**
     * Controlled flip state of the card. When provided, the card becomes a controlled component,
     * requiring manual state updates through the onFlippedChange callback.
     * - true: shows the back side
     * - false: shows the front side
     */
    flipped?: boolean;
    /**
     * Label for the card for assistive technology
     */
    'aria-label'?: string;
};
export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    /**
     * Initial flip state of the card. Use this for uncontrolled components.
     * @default false
     */
    defaultFlipped?: boolean;
    /**
     * Callback function triggered when the flip state changes.
     * Receives the new flip state as a parameter.
     * @param flipped The new flip state (true for back side showing, false for front side)
     */
    onFlippedChange?: (flipped: boolean) => void;
    /**
     * Controlled flip state of the card. When provided, the card becomes a controlled component,
     * requiring manual state updates through the onFlippedChange callback.
     * - true: shows the back side
     * - false: shows the front side
     */
    flipped?: boolean;
    /**
     * Label for the card for assistive technology
     */
    'aria-label'?: string;
} & React.RefAttributes<HTMLDivElement>>;