303a558432
3,200+ hardcoded color values replaced with CSS variable-backed Tailwind classes (bg-card, text-foreground, border-border, etc.). Enables light mode via CSS variable swap. Only syntax highlighting colors and intentional one-offs remain hardcoded (~15 values). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
21 lines
503 B
TypeScript
21 lines
503 B
TypeScript
import { MessageCircle } from 'lucide-react'
|
|
|
|
interface CopilotToggleProps {
|
|
isOpen: boolean
|
|
onToggle: () => void
|
|
}
|
|
|
|
export function CopilotToggle({ isOpen, onToggle }: CopilotToggleProps) {
|
|
if (isOpen) return null
|
|
|
|
return (
|
|
<button
|
|
onClick={onToggle}
|
|
className="fixed bottom-6 right-6 z-40 bg-primary text-white p-3.5 rounded-full hover:brightness-110 active:scale-[0.98] transition-all"
|
|
title="Open AI Copilot"
|
|
>
|
|
<MessageCircle size={22} />
|
|
</button>
|
|
)
|
|
}
|