# All files / dialog DialogHeader.tsx

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

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
    221x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    1x
     import { forwardRef, type HTMLAttributes } from "react";
    import { dialogHeader } from "./styles.js";

    export type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;

    /**
     * **Server Component**
     *
     * Look at the `Dialog` or `FixedDialog` components for example usage.
     */
    export const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(
      function DialogHeader(props, ref) {
        const { children, className, ...remaining } = props;

        return (
          <div {...remaining} ref={ref} className={dialogHeader({ className })}>
            {children}
          </div>
        );
      }
    );