import { WorkspaceMode } from "../lib/types";

interface FilesPanelProps {
  workspaceMode: WorkspaceMode;
}

export default function FilesPanel({ workspaceMode }: FilesPanelProps) {
  const isReadOnly = workspaceMode === WorkspaceMode.Agent;
  const isReadWrite = workspaceMode === WorkspaceMode.User;

  return (
    <div className="border-t border-border-subtle">
      <div className="flex items-center justify-between px-4 py-2 bg-bg-tertiary">
        <h3 className="text-sm font-semibold text-text-secondary uppercase tracking-wider">
          Files
        </h3>
        <div className="flex items-center gap-1">
          <span
            className={`w-6 h-6 flex items-center justify-center font-mono font-bold text-xs rounded border ${
              isReadWrite
                ? "border-green-500 strobe text-green-500"
                : "border-border-default text-text-muted"
            }`}
            title="Read / Write"
          >
            RW
          </span>
          <span
            className={`w-6 h-6 flex items-center justify-center font-mono font-bold text-xs rounded border ${
              isReadOnly
                ? "border-green-500 strobe text-green-500"
                : "border-border-default text-text-muted"
            }`}
            title="Read Only"
          >
            RO
          </span>
        </div>
      </div>
      <div className="p-4 text-center text-text-muted text-sm">
        <p>File browser coming soon</p>
        <p className="text-xs mt-1">
          {isReadOnly
            ? "Files are read-only while Agent is working"
            : isReadWrite
              ? "Files are read/write enabled"
              : "Select User or Agent mode to access files"}
        </p>
      </div>
    </div>
  );
}
