import { BoxProps, PolymorphicFactory, RaikouRadius, RaikouShadow, RaikouSpacing, StylesApiProps } from '../../core'; import { CardSection } 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`, `none` by default */ shadow?: RaikouShadow; /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */ radius?: RaikouRadius; /** Determines whether the card should have border, border color depends on color scheme, `false` by default */ withBorder?: boolean; /** Controls `padding`, key of `theme.spacing` or any valid CSS value, `'md'` by default */ padding?: RaikouSpacing; /** Card content */ children?: React.ReactNode; } export type CardFactory = PolymorphicFactory<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }>; export declare const Card: ((props: import("../../core").PolymorphicComponentProps) => React.ReactElement) & Omit, "component" | keyof CardProps> & { ref?: any; renderRoot?: (props: any) => any; }) | (CardProps & { component: React.ElementType; renderRoot?: (props: Record) => any; })>, never> & import("../../core/factory/factory").ThemeExtend<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }> & import("../../core/factory/factory").ComponentClasses<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }> & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{ props: CardProps; defaultRef: HTMLDivElement; defaultComponent: "div"; stylesNames: CardStylesNames; vars: CardCssVariables; staticComponents: { Section: typeof CardSection; }; }> & { Section: typeof CardSection; };