# All files / src/form SliderMark.tsx

0% Statements 0/41
0% Branches 0/1
0% Functions 0/1
0% Lines 0/41

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

     import { cnb } from "cnbuilder";
    import { type HTMLAttributes, type ReactElement } from "react";
    import { bem } from "../utils/bem.js";

    const styles = bem("rmd-slider-mark");

    /**
     * @internal
     * @remarks \@since 6.0.0
     */
    export interface SliderMarkProps extends HTMLAttributes<HTMLSpanElement> {
      active: boolean;
      offset: string;
      vertical: boolean;
    }

    /**
     * **Server Component**
     *
     * @internal
     * @remarks \@since 6.0.0
     */
    export function SliderMark(props: SliderMarkProps): ReactElement {
      const { active, offset, vertical, style, className, ...remaining } = props;

      return (
        <span
          {...remaining}
          style={{ ...style, "--rmd-slider-mark-offset": offset }}
          className={cnb(
            styles({
              active,
              inactive: !active,
              h: !vertical,
              v: vertical,
            }),
            className
          )}
        />
      );
    }