35 lines
890 B
TypeScript
35 lines
890 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { Button } from "@/components/ui/button";
|
||
|
|
import { FileText } from "lucide-react";
|
||
|
|
|
||
|
|
const TEMPLATES = [
|
||
|
|
{ id: "order", name: "발주서", icon: "📋" },
|
||
|
|
{ id: "invoice", name: "청구서", icon: "💰" },
|
||
|
|
{ id: "basic", name: "기본", icon: "📄" },
|
||
|
|
];
|
||
|
|
|
||
|
|
export function TemplatePalette() {
|
||
|
|
const handleApplyTemplate = (templateId: string) => {
|
||
|
|
// TODO: 템플릿 적용 로직
|
||
|
|
console.log("Apply template:", templateId);
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="space-y-2">
|
||
|
|
{TEMPLATES.map((template) => (
|
||
|
|
<Button
|
||
|
|
key={template.id}
|
||
|
|
variant="outline"
|
||
|
|
size="sm"
|
||
|
|
className="w-full justify-start gap-2 text-sm"
|
||
|
|
onClick={() => handleApplyTemplate(template.id)}
|
||
|
|
>
|
||
|
|
<span>{template.icon}</span>
|
||
|
|
<span>{template.name}</span>
|
||
|
|
</Button>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|