import type { StyleFunctionProps } from "@chakra-ui/react"; declare const $bg: { variable: string; reference: string; }; declare const $padding: { variable: string; reference: string; }; declare const $shadow: { variable: string; reference: string; }; declare const $radius: { variable: string; reference: string; }; declare const $border: { variable: string; reference: string; }; declare const $borderColor: { variable: string; reference: string; }; export declare const Card: { baseStyle?: (({ theme }: StyleFunctionProps) => { container: { [$bg.variable]: string; [$radius.variable]: string; [$borderColor.variable]: string; color: string; "& > .chakra-card__header + .chakra-card__body, & > .chakra-card__body + .chakra-card__footer": { paddingTop: number; }; }; header: { color: string; fontSize: string; fontWeight: number; }; }) | undefined; sizes?: { sm: { container: { [$radius.variable]: string; [$padding.variable]: string; }; }; md: { container: { [$radius.variable]: string; [$padding.variable]: string; }; }; lg: { container: { [$radius.variable]: string; [$padding.variable]: string; }; }; } | undefined; variants?: { outline: { container: { [$border.variable]: string; [$shadow.variable]: string; }; }; elevated: { container: { [$border.variable]: string; [$shadow.variable]: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "lg" | undefined; variant?: "elevated" | "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("header" | "container" | "body" | "footer")[]; }; export {};