30 lines
No EOL
795 B
TypeScript
30 lines
No EOL
795 B
TypeScript
"use client";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { Separator } from "@/components/ui/separator";
|
|
import { X } from "lucide-react";
|
|
|
|
interface SheetHeaderProps {
|
|
title: string;
|
|
onClose: () => void;
|
|
}
|
|
|
|
export function SheetHeader({ title, onClose }: SheetHeaderProps) {
|
|
return (
|
|
<div>
|
|
<div className="flex justify-between items-center px-6 py-4">
|
|
<h2 className="text-xl font-semibold text-gray-900">{title}</h2>
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={onClose}
|
|
className="h-8 w-8 p-0 text-gray-400 hover:text-gray-600 hover:bg-gray-100"
|
|
>
|
|
<X className="h-4 w-4" />
|
|
<span className="sr-only">Close</span>
|
|
</Button>
|
|
</div>
|
|
<Separator />
|
|
</div>
|
|
);
|
|
} |