import * as React from 'react';
import classNames from 'classnames/bind';

import Switch from 'components/switch/Switch';

import s from './ToggleSetting.module.scss';

const cn = classNames.bind(s);

interface IToggleSettingLoadingProps {
  color?: string;
}

export const ToggleSettingLoading = ({ color }: IToggleSettingLoadingProps) => {
  return (
    <div className={cn(s.toggleSetting, 'loading')}>
      <div className={s.toggleSetting__wrapper}>
        <div className={s.toggleSetting__title} />
        <div className={s.toggleSetting__description} />
      </div>
      <div className={s.toggleSetting__toggle}>
        <Switch color={color} isOn={false} />
      </div>
    </div>
  );
};