"use client";

import { Privacy } from "@prisma/client";

type Props = {
  value: Privacy;
  onChange: (value: Privacy) => void;
};

const OPTIONS: { value: Privacy; label: string }[] = [
  { value: "PUBLIC", label: "Public" },
  { value: "PRIVATE", label: "Private" },
  { value: "UNLISTED", label: "Unlisted" },
];

export function PrivacyToggle({ value, onChange }: Props) {
  return (
    <div className="flex rounded border border-gray-600 overflow-hidden">
      {OPTIONS.map((opt) => (
        <button
          key={opt.value}
          type="button"
          onClick={() => onChange(opt.value)}
          className={`flex-1 px-3 py-2 text-sm transition-colors ${
            value === opt.value
              ? "bg-accent text-white"
              : "bg-surface-light text-gray-300 hover:bg-gray-700"
          }`}
        >
          {opt.label}
        </button>
      ))}
    </div>
  );
}