import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Typography } from "../typography/Typography.js";
import { cardTitle } from "./styles.js";
/**
 * @see {@link https://react-md.dev/components/card | Card Demos}
 * @since 6.0.0 Extends the {@link Typography} component and removed
 * the `small`/`noWrap` props.
 */ export const CardTitle = /*#__PURE__*/ forwardRef(function CardTitle(props, ref) {
    const { children, as = "h5", type = "headline-5", margin = "none", className, ...remaining } = props;
    return /*#__PURE__*/ _jsx(Typography, {
        ...remaining,
        ref: ref,
        as: as,
        type: type,
        margin: margin,
        className: cardTitle({
            className
        }),
        children: children
    });
});

//# sourceMappingURL=CardTitle.js.map