65 lines
2.5 KiB
TypeScript
65 lines
2.5 KiB
TypeScript
"use client"
|
|
|
|
import { Bell, Search } from "lucide-react"
|
|
import { Button } from "@/components/ui/button"
|
|
import { Input } from "@/components/ui/input"
|
|
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuLabel,
|
|
DropdownMenuSeparator,
|
|
DropdownMenuTrigger,
|
|
} from "@/components/ui/dropdown-menu"
|
|
import { SidebarTrigger } from "../ui/sidebar"
|
|
|
|
export function PagesHeader({ title = "", subtitle = "" }: { title?: string, subtitle?: string }) {
|
|
return (
|
|
<header className="h-16 border-b border-border bg-background px-6 flex items-center justify-between">
|
|
<div className="flex flex-row items-center gap-4">
|
|
<SidebarTrigger />
|
|
<div className="flex items-start flex-col justify-center py-2">
|
|
<h1 className="text-lg font-semibold text-foreground">{title}</h1>
|
|
<p className="text-gray-600">{subtitle}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex items-center space-x-4">
|
|
<div className="relative">
|
|
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-4 w-4" />
|
|
<Input placeholder="Buscar paciente" className="pl-10 w-64" />
|
|
</div>
|
|
|
|
<Button variant="ghost" size="icon">
|
|
<Bell className="h-4 w-4" />
|
|
</Button>
|
|
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button variant="ghost" className="relative h-8 w-8 rounded-full">
|
|
<Avatar className="h-8 w-8">
|
|
<AvatarImage src="/avatars/01.png" alt="@usuario" />
|
|
<AvatarFallback>RA</AvatarFallback>
|
|
</Avatar>
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent className="w-56" align="end" forceMount>
|
|
<DropdownMenuLabel className="font-normal">
|
|
<div className="flex flex-col space-y-1">
|
|
<p className="text-sm font-medium leading-none">Dr. Roberto Alves</p>
|
|
<p className="text-xs leading-none text-muted-foreground">roberto@clinica.com</p>
|
|
</div>
|
|
</DropdownMenuLabel>
|
|
<DropdownMenuSeparator />
|
|
<DropdownMenuItem>Perfil</DropdownMenuItem>
|
|
<DropdownMenuItem>Configurações</DropdownMenuItem>
|
|
<DropdownMenuSeparator />
|
|
<DropdownMenuItem>Sair</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|