# All files / src/card CardSubtitle.tsx

100% Statements 64/64
100% Branches 1/1
100% Functions 1/1
100% Lines 64/64

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    651x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
    3x
     import { forwardRef } from "react";
    import {
      Typography,
      type TypographyHTMLElement,
      type TypographyProps,
    } from "../typography/Typography.js";
    import { cardSubtitle } from "./styles.js";

    /**
     * @since 6.0.0 Extends the {@link TypographyProps} and removed the
     * `noWrap`/`disableSecondaryColor` props.
     */
    export interface CardSubtitleProps extends TypographyProps {
      /** @defaultValue `"h6"` */
      as?: TypographyProps["as"];

      /** @defaultValue `"subtitle-2"` */
      type?: TypographyProps["type"];

      /** @defaultValue `"none"` */
      margin?: TypographyProps["margin"];

      /**
       * Set this to `null` to inherit the current color.
       *
       * @defaultValue `"text-secondary"`
       */
      textColor?: TypographyProps["textColor"];
    }

    /**
     * **Server Component**
     *
     * @since 6.0.0 Extends the {@link Typography} component and removed the
     * `noWrap`/`disableSecondaryColor` props.
     */
    export const CardSubtitle = forwardRef<
      TypographyHTMLElement,
      CardSubtitleProps
    >(function CardSubtitle(props, ref) {
      const {
        children,
        as = "h6",
        type = "subtitle-2",
        margin = "none",
        textColor = "text-secondary",
        className,
        ...remaining
      } = props;

      return (
        <Typography
          {...remaining}
          ref={ref}
          as={as}
          type={type}
          margin={margin}
          textColor={textColor}
          className={cardSubtitle({ className })}
        >
          {children}
        </Typography>
      );
    });