import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Typography } from "../typography/Typography.js";
import { cardSubtitle } from "./styles.js";
/**
 * **Server Component**
 *
 * @remarks \@since 6.0.0 Extends the {@link Typography} component and removed the
 * `noWrap`/`disableSecondaryColor` props.
 */ export const CardSubtitle = /*#__PURE__*/ forwardRef(function CardSubtitle(props, ref) {
    const { children, as = "h6", type = "subtitle-2", margin = "none", className, ...remaining } = props;
    return /*#__PURE__*/ _jsx(Typography, {
        ...remaining,
        ref: ref,
        as: as,
        type: type,
        margin: margin,
        className: cardSubtitle({
            className
        }),
        children: children
    });
});

//# sourceMappingURL=CardSubtitle.js.map