crm-stream-components/src/components/modals/UserSettingModal/ThemeSetting/ThemeSetting.tsx

import styles from "./styles.module.css";

const ThemeSetting = () => {
  return (
    <div className="flex gap-6 p-6 border-b border-b-[#DAE0E5]">
      <div className="text-[12px] font-semibold font-[#111C26]">Тема</div>
      <div className={styles.checkboxWrapper}>
        <label className="w-fit`">
          Светлая
          <input
            type="radio"
            className={styles.modernRadio}
            value="1"
            name="theme"
            hidden
          />
          <span></span>
        </label>
        <label>
          Тёмная
          <input
            type="radio"
            className={styles.modernRadio}
            value="2"
            name="theme"
            hidden
          />
          <span></span>
        </label>
        <label>
          Как в системе
          <input
            type="radio"
            className={styles.modernRadio}
            value="2"
            name="theme"
            hidden
          />
          <span></span>
        </label>
      </div>
    </div>
  );
};

export default ThemeSetting;