'use client';

import { useState } from 'react';
import { FoxToggleSwitch } from '@fox/core/components/fox-toggle-switch';
import { formatVisibilityLabel } from '@/lib/domain/content';

interface ContentVisibilityFieldProps {
  defaultVisible?: boolean;
}

/** 공개 설정 — 시안의 토글. 끄면 비공개이고 사용자 화면에 노출되지 않는다. */
export function ContentVisibilityField({
  defaultVisible = false,
}: ContentVisibilityFieldProps) {
  const [isVisible, setIsVisible] = useState(defaultVisible);

  return (
    <FoxToggleSwitch
      size="md"
      name="isVisible"
      value="true"
      label={formatVisibilityLabel(isVisible)}
      checked={isVisible}
      onChange={setIsVisible}
    />
  );
}