# All files / card CardContent.tsx

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

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
    471x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    84x
    1x
     import { forwardRef, type HTMLAttributes } from "react";
    import { cardContent, type CardContentClassNameOptions } from "./styles.js";

    /**
     * @remarks
     * \@since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
     * removed the `disableParagraphMargin` prop.
     */
    export interface CardContentProps
      extends HTMLAttributes<HTMLDivElement>,
        CardContentClassNameOptions {}

    /**
     * **Server Component**
     *
     * @remarks
     * \@since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
     * removed the `disableParagraphMargin` prop.
     */
    export const CardContent = forwardRef<HTMLDivElement, CardContentProps>(
      function CardContent(props, ref) {
        const {
          children,
          className,
          disablePadding,
          disableSecondaryColor,
          disableLastChildPadding,
          ...remaining
        } = props;

        return (
          <div
            {...remaining}
            ref={ref}
            className={cardContent({
              className,
              disablePadding,
              disableSecondaryColor,
              disableLastChildPadding,
            })}
          >
            {children}
          </div>
        );
      }
    );