/** Settings tab for the workspace detail page. */

import type { Workspace } from "../../../types/workspace";

interface WorkspaceSettingsPanelProps {
	workspace: Workspace;
}

export function WorkspaceSettingsPanel({
	workspace,
}: WorkspaceSettingsPanelProps) {
	return (
		<div className="settings-tab">
			<div className="settings-section">
				<h3>Workspace Info</h3>
				<div className="form-group">
					<label>Name</label>
					<input type="text" value={workspace.name} readOnly />
				</div>
				<div className="form-group">
					<label>Branch</label>
					<input type="text" value={workspace.branch} readOnly />
				</div>
				<div className="form-group">
					<label>Path</label>
					<input type="text" value={workspace.path} readOnly />
				</div>
				<div className="form-group">
					<label>Status</label>
					<span className={`status-badge ${workspace.status}`}>
						{workspace.status}
					</span>
				</div>
				<div className="form-group">
					<label>Created</label>
					<span>{workspace.created_at}</span>
				</div>
			</div>
		</div>
	);
}
