# All files / src/card CardFooter.tsx

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

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
    381x
    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
    1x
     import { forwardRef } from "react";
    import { Box, type BoxProps } from "../box/Box.js";
    import { type BoxJustifyContent } from "../box/styles.js";
    import { cardFooter } from "./styles.js";

    /** @remarks \@since 6.0.0 */
    export interface CardFooterProps extends BoxProps {
      /**
       * @defaultValue `"flex-end"`
       */
      justify?: BoxJustifyContent;
    }

    /**
     * **Server Component**
     *
     * A simple wrapper around the {@link Box} component that applies additional
     * padding and applies `justify-content: flex-end;` by default.
     *
     * @remarks \@since 6.0.0
     */
    export const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(
      function CardFooter(props, ref) {
        const { className, children, justify = "flex-end", ...remaining } = props;

        return (
          <Box
            {...remaining}
            ref={ref}
            className={cardFooter({ className })}
            justify={justify}
          >
            {children}
          </Box>
        );
      }
    );