# All files / src/tabs tabListScrollButtonStyles.ts

100% Statements 47/47
100% Branches 2/2
100% Functions 2/2
100% Lines 47/47

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

    const styles = bem("rmd-tablist-button");

    /**
     * @remarks \@since 6.0.0
     */
    export interface TabListScrollButtonContainerClassNameOptions {
      className?: string;
      forward: boolean;
    }

    /**
     * @remarks \@since 6.0.0
     */
    export function tabListScrollButtonContainer(
      options: TabListScrollButtonContainerClassNameOptions
    ): string {
      const { forward, className } = options;

      return cnb(
        styles({
          left: !forward,
          right: forward,
        }),
        className
      );
    }

    /**
     * @remarks \@since 6.0.0
     */
    export interface TabListScrollButtonClassNameOptions {
      className?: string;
    }

    /**
     * @remarks \@since 6.0.0
     */
    export function tabListScrollButton(
      options: TabListScrollButtonClassNameOptions = {}
    ): string {
      const { className } = options;

      return cnb(styles("button"), className);
    }