gitfor/platform

import { Panel } from "./ui/Primitives";

export function EmptyRepo({ cloneUrl, defaultBranch }: { cloneUrl: string; defaultBranch: string }) {
  const commands = [
    `git clone ${cloneUrl}`,
    "# or push an existing repository",
    `git remote add origin ${cloneUrl}`,
    `git push -u origin ${defaultBranch}`,
  ];
  return (
    <Panel title="This repository is empty">
      <div className="space-y-3 p-5 text-sm text-gray-400">
        <p>Push some commits to get started. Use your username and a personal access token as the password.</p>
        <pre className="overflow-x-auto rounded-md border border-gray-800 bg-gray-900 p-4 font-mono text-xs leading-6 text-gray-200">
          {commands.join("\n")}
        </pre>
      </div>
    </Panel>
  );
}