Switch

'use client';
import { useEffect, useRef, useState } from 'react';
import { Switch, type SwitchSize } from '@mbsw/ui';

export default function Demo() {
  const settings = {
    "size": "md",
    "disabled": false,
    "checked": false
  };
  const [checked, setChecked] = useState(settings.checked);
  const previousSetting = useRef(settings.checked);
  useEffect(() => {
    if (previousSetting.current === settings.checked) return;
    previousSetting.current = settings.checked;
    setChecked(settings.checked);
  }, [settings.checked]);
  return (
    <Switch
      aria-label={"활성화"}
      checked={checked}
      onCheckedChange={(next) => {
        setChecked(next);
      }}
      disabled={settings.disabled}
      size={settings.size as SwitchSize}
    />
  );
}