import { Item, ItemContent, ItemHeader, ItemTitle } from "@/components/ui/item";
import {
  MissionCard,
  type MissionCardProps,
} from "@/components/frontend/intelligence/MissionCard";
import { CrosshairIcon } from "lucide-react";

interface MissionBriefingProps {
  readonly mission: MissionCardProps["mission"] | null;
}

export function MissionBriefing({ mission }: MissionBriefingProps) {
  if (!mission) {
    return (
      <Item variant="outline">
        <ItemHeader>
          <div className="flex items-center gap-2">
            <CrosshairIcon className="size-4 text-muted-foreground" />
            <ItemTitle>Mission Briefing</ItemTitle>
          </div>
        </ItemHeader>
        <ItemContent>
          <p className="text-sm text-muted-foreground italic">No missions currently scheduled.</p>
        </ItemContent>
      </Item>
    );
  }

  return <MissionCard mission={mission} showFullDetails={true} />;
}