mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-02-22 23:21:59 +00:00
29 lines
733 B
TypeScript
29 lines
733 B
TypeScript
import { Search } from "lucide-react";
|
|
|
|
import { Label } from "@/components/ui/label";
|
|
import {
|
|
SidebarGroup,
|
|
SidebarGroupContent,
|
|
SidebarInput,
|
|
} from "@/components/ui/sidebar";
|
|
|
|
export function SearchForm({ ...props }: React.ComponentProps<"form">) {
|
|
return (
|
|
<form {...props}>
|
|
<SidebarGroup className="py-0">
|
|
<SidebarGroupContent className="relative">
|
|
<Label htmlFor="search" className="sr-only">
|
|
Search
|
|
</Label>
|
|
<SidebarInput
|
|
id="search"
|
|
placeholder="Search the docs..."
|
|
className="pl-8"
|
|
/>
|
|
<Search className="pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" />
|
|
</SidebarGroupContent>
|
|
</SidebarGroup>
|
|
</form>
|
|
);
|
|
}
|