import { BoxProps, MantineRadius, MantineShadow, MantineSpacing, PolymorphicFactory, StylesApiProps } from '../../core'; import { CardSection, type CardSectionProps } from './CardSection/CardSection'; export type CardStylesNames = 'root' | 'section'; export type CardCssVariables = { root: '--card-padding'; }; export interface CardProps extends BoxProps, StylesApiProps { /** Key of `theme.shadows` or any valid CSS value to set `box-shadow` */ shadow?: MantineShadow; /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem @default theme.defaultRadius */ radius?: MantineRadius; /** Adds border to the card */ withBorder?: boolean; /** Key of `theme.spacing` or any valid CSS value to set padding @default 'md' */ padding?: MantineSpacing; /** Card content */ children?: React.ReactNode; /** Card orientation @default 'vertical' */ orientation?: 'horizontal' | 'vertical'; } export type CardFactory = PolymorphicFactory<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }>; export declare const Card: ((props: import("../..").PolymorphicComponentProps) => React.ReactElement) & Omit & { ref?: any; renderRoot?: (props: any) => any; }) | (CardProps & { component: React.ElementType; renderRoot?: (props: Record) => any; })>, never> & import("../..").ThemeExtend<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }> & import("../..").ComponentClasses<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }> & { varsResolver: import("../..").VarsResolver<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }>; } & import("../..").PolymorphicComponentWithProps<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }> & { Section: typeof CardSection; }; export declare namespace Card { type Props = CardProps; type StylesNames = CardStylesNames; type CssVariables = CardCssVariables; type Factory = CardFactory; type SectionProps = CardSectionProps; namespace Section { type Props = CardSectionProps; } }