import * as React from 'react';
import { CardProps as MuiCardProps } from '@mui/material/Card';
import { SxProps } from '@mui/material';
declare const sizeWidths: {
    readonly sm: "170px";
    readonly md: "270px";
    readonly lg: "330px";
    readonly xl: "400px";
};
export declare const cardSizes: (keyof typeof sizeWidths)[];
type CardSize = (typeof cardSizes)[number];
export type CardProps = React.PropsWithChildren<{
    /**
     * The size of the card.
     */
    size?: CardSize;
    /**
     * Whether the card is selected.
     */
    selected?: boolean;
    /**
     * When the card have mouse hover.
     */
    hover?: boolean;
    /**
     * Style props for this component
     */
    sx?: SxProps;
    /**
     * Data-test attribute for e2e testing
     */
    dataTest?: string;
    /**
     * Whether to disable elevation or not
     */
    disableElevation?: boolean;
}> & Pick<MuiCardProps, 'onClick'>;
/**
 * A component that displays a card, which should be composed of other Card-related components as children.
 * There are two variants for a card:
 * - A card with a CardImage and CardTitle.
 * - A card with a CardTitleWithIcon.
 *
 * Besides, the card can have other components as children, such as CardChips, CardDescription, CardTable, etc.
 * The card should always ends with a CardActions component. Also, card can be marked as "selected" by passing the selected prop.
 */
declare const Card: ({ children, selected, size, hover, sx, dataTest, disableElevation, onClick }: CardProps) => import("react/jsx-runtime").JSX.Element;
export default Card;
