# All files / src/dialog DialogContent.tsx

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

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
    321x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    4x
    1x
     import { forwardRef, type HTMLAttributes } from "react";
    import { dialogContent, type DialogContentClassNameOptions } from "./styles.js";

    export interface DialogContentProps
      extends HTMLAttributes<HTMLDivElement>,
        DialogContentClassNameOptions {}

    /**
     * **Server Component**
     *
     * Look at the `Dialog` or `FixedDialog` components for example usage.
     */
    export const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(
      function DialogContent(
        { children, className, disablePadding = false, ...props },
        ref
      ) {
        return (
          <div
            {...props}
            ref={ref}
            className={dialogContent({
              className,
              disablePadding,
            })}
          >
            {children}
          </div>
        );
      }
    );