import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Box } from "../box/Box.js";
import { card } from "./styles.js";
/**
 * @example Simple Example
 * ```tsx
 * import { Button } from "@react-md/core/button/Button";
 * import { Card } from "@react-md/core/card/Card";
 * import { CardContent } from "@react-md/core/card/CardContent";
 * import { CardFooter } from "@react-md/core/card/CardFooter";
 * import { CardHeader } from "@react-md/core/card/CardHeader";
 * import { CardTitle } from "@react-md/core/card/CardTitle";
 * import { CardSubtitle } from "@react-md/core/card/CardSubtitle";
 * import { Typography } from "@react-md/core/typography/Typography";
 * import type { ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   return (
 *     <Card>
 *       <CardHeader>
 *         <CardTitle>Main Title</CardTitle>
 *         <CardSubtitle>A subtitle</CardSubtitle>
 *       </CardHeader>
 *       <CardContent>
 *         <Typography margin="none">
 *           Some paragraph of text.
 *         </Typography>
 *       </CardContent>
 *       <CardFooter>
 *         <Button>Action 1</Button>
 *         <Button>Action 2</Button>
 *       </CardFooter>
 *     </Card>
 *   );
 * }
 * ```
 *
 * @see {@link https://react-md.dev/components/card | Card Demos}
 * @since 6.0.0 Removed the deprecated `raiseable` prop
 * @since 6.0.0 Uses the `Box` component and displays as `flex` instead of
 * `block`/`inline-block`.
 */ export const Card = /*#__PURE__*/ forwardRef(function Card(props, ref) {
    const { children, className, align = "stretch", justify = "stretch", bordered, raisable, interactable, ...remaining } = props;
    return /*#__PURE__*/ _jsx(Box, {
        align: align,
        justify: justify,
        disableWrap: true,
        ...remaining,
        stacked: true,
        disableGap: true,
        disablePadding: true,
        ref: ref,
        className: card({
            className,
            bordered,
            raisable,
            interactable
        }),
        children: children
    });
});

//# sourceMappingURL=Card.js.map