import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { card } from "./styles.js";
/**
 * **Server Component**
 *
 * @example
 * Simple Example
 * ```tsx
 * import {
 *   Button,
 *   Card,
 *   CardContent,
 *   CardFooter,
 *   CardHeader,
 *   CardTitle,
 *   CardSubtitle,
 *   Typography,
 * } from "@react-md/core";
 * 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>
 *   );
 * }
 * ```
 *
 * @remarks \@since 6.0.0 Removed the deprecated `raiseable` prop
 */ export const Card = /*#__PURE__*/ forwardRef(function Card(props, ref) {
    const { children, className, bordered, raisable, fullWidth, interactable, ...remaining } = props;
    return /*#__PURE__*/ _jsx("div", {
        ...remaining,
        ref: ref,
        className: card({
            className,
            bordered,
            raisable,
            fullWidth,
            interactable
        }),
        children: children
    });
});

//# sourceMappingURL=Card.js.map