Function CopyCommandButton

components/copy-command-button.tsx:13–37

({
  command,
  copyCommand,
}: CopyCommandButtonProps)

}

export default function CopyCommandButton({
  command,
  copyCommand,
}: CopyCommandButtonProps) {
  const copy = () => {
    navigator.clipboard.writeText(copyCommand);
    toast("Command copied to clipboard");
  };

  const shortCommand = command.split(" ").at(-1);

  return (
    <Button
      className="font-mono text-xs md:text-sm"
      onClick={copy}
      variant="outline"
    >
      <Terminal className="size-3 md:size-4" />
      <span className="hidden sm:block">{command}</span>
      <span className="block sm:hidden">
        <span className="font-mono">{shortCommand}</span>
      </span>
    </Button>
  );
}