import { default as React } from 'react';
import { Grid } from '../grid';
import { Variant } from './utils';

export declare const rootClassName = "teddy-card";
export declare const actionElementIdentifier = "teddy-card__action";
export type Layout = 'navigation-vertical' | 'navigation-horizontal-small' | 'navigation-horizontal-small-centered' | 'navigation-horizontal-large' | 'rich-card' | 'rich-card-large' | 'default' | 'product';
type Gradient = 'light' | 'dark' | 'default' | 'none';
export type CardType = 'regular' | 'product';
export declare const RootContext: React.Context<{
    buttonRef: React.RefObject<HTMLButtonElement>;
    linkRef: React.RefObject<HTMLAnchorElement>;
    variant?: Variant;
    layout?: Layout;
} | undefined>;
/** -------------------------------------------------------------------------------------------------
 * Root
 * -----------------------------------------------------------------------------------------------*/
export type RootProps = React.ComponentPropsWithoutRef<typeof Grid> & {
    asChild?: boolean;
    variant?: Variant;
    bordered?: boolean;
    shadow?: boolean;
    backgroundImageSrc?: string;
    imageGradient?: Gradient;
    layout?: Layout;
};
/** This component is used to render a card element. */
export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;
export {};