@zohodesk/components/es/v1/Switch/css/cssJSLogic.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

import compileClassNames from '@zohodesk/utils/es/compileClassNames';
export default function cssJSLogic({
  props,
  style
}) {
  const {
    size,
    isChecked,
    isDisabled,
    isReadOnly
  } = props;
  let containerClass = compileClassNames({
    [style.container]: true,
    [style[size]]: !!style[size],
    [style.checked]: isChecked,
    [style.unChecked]: !isChecked,
    [style.disabled]: isDisabled,
    [style.enabled]: !isDisabled,
    [style.readonly]: isReadOnly
  });
  let trackClass = compileClassNames({
    [style.track]: true
  });
  let labelClass = compileClassNames({
    [style.label]: true
  });
  let trackWrapperClass = compileClassNames({
    [style.trackWrapper]: true
  });
  let thumbClass = compileClassNames({
    [style.thumb]: true,
    [style.commonSvg]: true
  });
  let labelIndicationClass = compileClassNames({
    [style.onLabel]: isChecked,
    [style.offLabel]: !isChecked,
    [style.commonSvg]: true
  });
  return {
    containerClass,
    trackClass,
    labelClass,
    trackWrapperClass,
    thumbClass,
    labelIndicationClass
  };
}