import { HTMLProps, PropsWithChildren } from 'react';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
export type CardProps = PropsWithChildren<{
    /**
     * Set custom color
     */
    color?: ThemeColorVariables;
    /**
     * Render in elevated mode
     */
    elevated?: boolean;
    /**
     * Render outline of the card
     */
    outlined?: boolean;
    /**
     * Avoid the usage of fullWidth
     */
    fullWidth?: boolean;
} & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'color'>>;
export declare const Card: (props: {
    /**
     * Set custom color
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Render in elevated mode
     */
    elevated?: boolean | undefined;
    /**
     * Render outline of the card
     */
    outlined?: boolean | undefined;
    /**
     * Avoid the usage of fullWidth
     */
    fullWidth?: boolean | undefined;
} & Omit<HTMLProps<HTMLDivElement>, "color" | "ref"> & {
    children?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;