import * as React from 'react';
type RenderProp = React.ReactElement<{
className?: string;
}>;
interface CardProps extends React.ComponentPropsWithoutRef<'div'> {
/**
* Wrap the content in a padded frame. `true` is an alias for `'solid'`; `'glass'` is translucent and blurred.
* @default false
*/
frame?: boolean | 'solid' | 'glass';
/**
* Float the slots inside the content, so media rounds all four corners. `false` gives edge-to-edge media.
* @default true
*/
inset?: boolean;
/** Escape hatch for the inner content wrapper - e.g. `{ className: 'sm:flex-row' }` for a horizontal card. */
contentProps?: React.ComponentPropsWithoutRef<'div'>;
/** Render as a different element, e.g. `render={}` or `render={
}`. */
render?: RenderProp;
}
declare function Card({ frame, inset, className, contentProps, render, children, ...props }: CardProps): React.ReactElement>;
interface CardMediaProps extends React.ComponentPropsWithoutRef<'div'> {
}
declare function CardMedia({ className, ...props }: CardMediaProps): React.JSX.Element;
interface CardHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
}
declare function CardHeader({ className, ...props }: CardHeaderProps): React.JSX.Element;
interface CardTitleProps extends React.ComponentPropsWithoutRef<'h3'> {
/** Render as another element, e.g. `render={}`, to fit the page outline. */
render?: RenderProp;
}
declare function CardTitle({ className, render, ...props }: CardTitleProps): React.ReactElement>;
interface CardDescriptionProps extends React.ComponentPropsWithoutRef<'p'> {
/** Render as another element. */
render?: RenderProp;
}
declare function CardDescription({ className, render, ...props }: CardDescriptionProps): React.ReactElement>;
interface CardFooterProps extends React.ComponentPropsWithoutRef<'div'> {
}
declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
export { Card, CardMedia, CardHeader, CardTitle, CardDescription, CardFooter };
export type { CardProps, CardMediaProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardFooterProps };
//# sourceMappingURL=card.d.ts.map