import * as React from "react";
import { CardActionAreaProps } from "@mui/material";
import type { SpacingProps as MuiSpacingProps } from "@mui/system";
import { TypographyProps } from "./typography";
export interface CardProps {
    children?: React.ReactNode | React.ReactNode[];
}
declare const Card: ({ children, ...props }: CardProps) => JSX.Element;
export interface CardHeaderSummaryProps {
    title: React.ReactElement<TypographyProps> | React.ReactElement<TypographyProps>[];
    subheader?: string;
}
interface CardHeaderProps {
    actions?: React.ReactNode;
    avatar: React.ReactNode;
    children?: React.ReactNode;
    summary?: CardHeaderSummaryProps[];
    title: React.ReactNode;
}
declare const CardHeader: ({ actions, avatar, children, title, summary }: CardHeaderProps) => JSX.Element;
interface SpacingProps extends Pick<MuiSpacingProps, "padding" | "p"> {
}
interface CollapsibleState {
    /** The text to show in the collapse action area when the card content is collapsed/not collapsed.
     * By default, this is "See Less" for true and "See More" for false.
     */
    title: string;
    /** The icon to show in the collapse action area when the card content is collapsed/not collapsed.
     * By default, this is an ArrowUp icon for true and an ArrowDown icon for false.
     */
    icon: React.ReactElement;
}
interface CardContentCollapsibleProps {
    open?: CollapsibleState;
    closed?: CollapsibleState;
}
interface CardContentProps extends SpacingProps {
    children?: React.ReactNode | React.ReactNode[];
    /** Make the card content collapse at a set max height. The default is false. */
    collapsible?: boolean;
    /** The props for the collapse action */
    collapseAction?: CardContentCollapsibleProps;
    /** The max height of the card content. The default is none. */
    maxHeight?: number | "none";
    className?: string;
}
declare const CardContent: ({ children, collapsible, collapseAction, maxHeight, ...props }: CardContentProps) => JSX.Element;
export interface LandingCardProps extends Pick<CardActionAreaProps, "onClick"> {
    group: string;
    title: string;
    description: string;
    icon: string;
}
export declare const LandingCard: ({ group, title, description, icon, onClick, ...props }: LandingCardProps) => JSX.Element;
export { Card, CardContent, CardHeader };
//# sourceMappingURL=card.d.ts.map