https://dev.kronoz.win/r/marzneshin.git
| 1 |
3d1a4b1 |
Mrdn |
2y ago |
import type { FC, HTMLAttributes } from "react"; |
| 2 |
3d1a4b1 |
Mrdn |
2y ago |
import { SearchIcon } from "lucide-react"; |
| 3 |
3d1a4b1 |
Mrdn |
2y ago |
|
| 4 |
3d1a4b1 |
Mrdn |
2y ago |
export const SearchBox: FC<HTMLAttributes<HTMLDivElement>> = ({ ...props }) => { |
| 5 |
3d1a4b1 |
Mrdn |
2y ago |
return ( |
| 6 |
3d1a4b1 |
Mrdn |
2y ago |
<div |
| 7 |
3d1a4b1 |
Mrdn |
2y ago |
className="bg-gray-800 p-2 md:w-60 flex flex-row items-center rounded-md justify-between" |
| 8 |
3d1a4b1 |
Mrdn |
2y ago |
{...props} |
| 9 |
3d1a4b1 |
Mrdn |
2y ago |
> |
| 10 |
3d1a4b1 |
Mrdn |
2y ago |
<div className="flex flex-row items-center gap-1"> |
| 11 |
3d1a4b1 |
Mrdn |
2y ago |
<SearchIcon className="size-4 text-muted dark:text-muted-foreground" /> |
| 12 |
3d1a4b1 |
Mrdn |
2y ago |
<p className="text-sm text-muted dark:text-muted-foreground ">Search</p> |
| 13 |
3d1a4b1 |
Mrdn |
2y ago |
</div> |
| 14 |
3d1a4b1 |
Mrdn |
2y ago |
<kbd className="pointer-events-none md:inline-flex h-5 select-none items-center gap-1 rounded bg-gray-600 px-1.5 font-mono text-[10px] font-medium text-muted dark:text-muted-foreground hidden"> |
| 15 |
3d1a4b1 |
Mrdn |
2y ago |
<span className="text-xs">CTRL</span>K |
| 16 |
3d1a4b1 |
Mrdn |
2y ago |
</kbd> |
| 17 |
3d1a4b1 |
Mrdn |
2y ago |
</div> |
| 18 |
3d1a4b1 |
Mrdn |
2y ago |
); |
| 19 |
3d1a4b1 |
Mrdn |
2y ago |
}; |