# All files / src/table tableHeaderStyles.ts

100% Statements 29/29
100% Branches 2/2
100% Functions 1/1
100% Lines 29/29

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
    301x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    7x
    7x
    7x
    7x
    7x
    7x
    7x
    7x
    7x
    7x
    7x
    7x
    7x
     import { cnb } from "cnbuilder";
    import { bem } from "../utils/bem.js";

    const styles = bem("rmd-thead");

    /** @remarks \@since 6.0.0 */
    export interface TableHeaderClassNameOptions {
      className?: string;
      dense?: boolean;
      sticky?: boolean;
      stickyActive?: boolean;
      stickyActiveClassName?: string;
    }

    /** @remarks \@since 6.0.0 */
    export function tableHeader(options: TableHeaderClassNameOptions = {}): string {
      const { dense, sticky, stickyActive, stickyActiveClassName, className } =
        options;

      return cnb(
        styles({
          dense,
          sticky,
          "sticky-active": stickyActive,
        }),
        stickyActive && stickyActiveClassName,
        className
      );
    }