import { InteractiveTerminal } from "@/components/ui/terminal";
import { Terminal } from "lucide-react";

// Basic usage with default theme
<InteractiveTerminal
  command="npm install"
  steps={["Installing packages...", "Resolving dependencies..."]}
  finalMessage="Installation complete!"
/>
 
// Custom styling with different variant
<InteractiveTerminal
  command="deploy --production"
  icon={<Terminal className="mr-2" />}
  steps={[
    "Building project...",
    "Running tests...",
    "Optimizing assets...",
    "Deploying to production..."
  ]}
  finalMessage="Deployment successful!"
  variant="dark"
  stepDelay={800}
/>
 
// Auto-executing command with repeat functionality
<InteractiveTerminal
  command="ping server.example.com"
  steps={["Sending packet...", "Waiting for response..."]}
  finalMessage="Response received: 42ms"
  autoExecute
  repeat
  repeatDelay={2000}
/>
 
// Custom theme and styling
<InteractiveTerminal
  command="hack --mainframe"
  steps={[
    "Bypassing firewall...",
    "Cracking encryption...",
    "Accessing mainframe..."
  ]}
  finalMessage="Access granted!"
  variant="matrix"
  promptSymbol=">"
  className="border border-green-500"
/>