# All files / form switchStyles.ts

100% Statements 29/29
100% Branches 1/1
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
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    14x
    14x
    14x
    14x
     import { cnb } from "cnbuilder";
    import { bem } from "../utils/bem.js";

    declare module "react" {
      interface CSSProperties {
        "--rmd-switch-track-background-color"?: string;
        "--rmd-switch-ball-background-color"?: string;
      }
    }

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

    /**
     * @remarks \@since 6.0.0
     */
    export interface SwitchClassNameOptions {
      className?: string;
      clickable?: boolean;
      currentColor?: boolean;
    }

    /**
     * @remarks \@since 6.0.0
     */
    export function switchStyles(options: SwitchClassNameOptions = {}): string {
      const { className, clickable, currentColor } = options;

      return cnb(styles({ "current-color": currentColor, clickable }), className);
    }