import PwaBottomSheet from './PwaBottomSheet';
import { pwaProjectStatusOptions } from './pwaProjectMeta';

export default function PwaProjectStatusSheet({ open, project, onClose, onChange }) {
  return (
    <PwaBottomSheet open={open} title="تغییر وضعیت پروژه" onClose={onClose}>
      <div className="pwa-status-options">
        {pwaProjectStatusOptions.map((status) => (
          <button
            key={status.value}
            type="button"
            className={project?.status === status.value ? 'active' : ''}
            onClick={() => {
              if (status.sensitive && !window.confirm(`آیا از تغییر وضعیت پروژه به «${status.label}» مطمئن هستید؟`)) return;
              onChange(status.value);
            }}
          >
            {status.label}
          </button>
        ))}
      </div>
    </PwaBottomSheet>
  );
}
