Terminal

"use client";
import { Terminal } from "@/lab/aceternity/ui/terminal";

const commands = [
  "npx shadcn@latest init",
  "npm install motion",
  "npx shadcn@latest add button card",
  "Term Deez Nuts",
];

const outputs = {
  0: ["✔ Preflight checks passed.", "✔ Created components.json", "✔ Initialized project."],
  1: ["added 1 package in 2s"],
  2: ["✔ Done. Installed button, card."],
};

export default function TerminalDemo() {
  return (
    <section className="@container-[size] relative flex h-full w-full items-center justify-center">
      <Terminal
        commands={commands}
        outputs={outputs}
        typingSpeed={45}
        delayBetweenCommands={1000}
        restartDelay={4000}
        className="max-w-[min(36rem,90cqw)] px-0 text-[clamp(0.6rem,1.6cqw,0.75rem)]"
        contentClassName="h-[max(5rem,calc(80cqh-2.75rem))]"
      />
    </section>
  );
}