/**
 * Service-page content tab stubs.
 *
 * Each stub renders a "coming soon" placeholder. Slices 5–9 replace these with
 * real operational content lifted from the old top-level pages. All stubs accept
 * an `instance` prop so the real implementations can scope queries by instance.
 */
import type { ServiceInstance } from "../../types";
import { Alert, AlertDescription } from "@/components/ui/alert";

function Stub({
	label,
	instance,
}: {
	label: string;
	instance: ServiceInstance;
}) {
	return (
		<Alert>
			<AlertDescription>
				{label} for {instance.name} — coming soon.
			</AlertDescription>
		</Alert>
	);
}

export function OverviewTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Service overview" instance={instance} />;
}

export function FilesTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Files" instance={instance} />;
}

export function ActionsTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Actions" instance={instance} />;
}

export function JobsTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Backup jobs" instance={instance} />;
}

export function UsersTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Users" instance={instance} />;
}

export function MessagingTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Messaging" instance={instance} />;
}

export function AlertsTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Alerts" instance={instance} />;
}

export function LinksTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Links" instance={instance} />;
}

export function MetricsTab({ instance }: { instance: ServiceInstance }) {
	return <Stub label="Metrics" instance={instance} />;
}