import { RefreshIcon } from "~/components/ui/refresh-icon";import { ExternalLinkIcon, GitPullRequestIcon } from "lucide-react"; import { Button } from "../ui/button";import {  Empty,  EmptyContent,  EmptyDescription,  EmptyHeader,  EmptyMedia,  EmptyTitle,} from "../ui/empty"; export function PullRequestsUnavailableState({  title = "Could not load pull requests",  error,  onRetry,  refreshing = false,  gitHubUrl,}: {  title?: string;  error: string;  onRetry?: () => void;  refreshing?: boolean;  gitHubUrl?: string;}) {  return (    <Empty className="min-h-0 justify-center-safe overflow-y-auto px-4 py-16 md:px-4 [&>*]:shrink-0">      <EmptyMedia variant="icon">        <GitPullRequestIcon />      </EmptyMedia>      <EmptyHeader>        <EmptyTitle>{title}</EmptyTitle>        {/* The caller names the fix — update the environment, install gh, sign in — so this            shows its message rather than trying to infer one from the failure text. */}        <EmptyDescription>{error}</EmptyDescription>      </EmptyHeader>      {onRetry || gitHubUrl ? (        <EmptyContent className="flex-row flex-wrap justify-center gap-2">          {onRetry ? (            <Button              size="sm"              variant="outline"              onClick={onRetry}              disabled={refreshing}              aria-busy={refreshing}            >              <RefreshIcon className="size-3.5" refreshing={refreshing} />              Retry            </Button>          ) : null}          {gitHubUrl ? (            <Button              size="sm"              variant="outline"              render={<a href={gitHubUrl} target="_blank" rel="noopener noreferrer" />}            >              <ExternalLinkIcon aria-hidden className="size-3.5" />              Open on GitHub            </Button>          ) : null}        </EmptyContent>      ) : null}    </Empty>  );}