gitscope
/
← marzneshin / dashboard/src/components/header/header.tsx / blame
Files Commits Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/header/header.tsx · v0.5.0
Source
1 c5c71ec Mardin 2y ago import type { FC } from "react";
2 c5c71ec Mardin 2y ago
3 c5c71ec Mardin 2y ago
4 c5c71ec Mardin 2y ago interface HeaderProps {
5 c5c71ec Mardin 2y ago start?: React.ReactNode;
6 c5c71ec Mardin 2y ago center?: React.ReactNode;
7 c5c71ec Mardin 2y ago end?: React.ReactNode;
8 c5c71ec Mardin 2y ago }
9 c5c71ec Mardin 2y ago
10 c5c71ec Mardin 2y ago export const Header: FC<HeaderProps> = ({ start, center, end }) => (
11 c5c71ec Mardin 2y ago <header className="h-[3.5rem]">
12 c5c71ec Mardin 2y ago <div className="flex flex-row justify-between justify-items-stretch items-center lg:grid grid-cols-3 p-1 px-4 w-full h-full bg-primary text-primary-foreground dark:bg-primary-foreground">
13 c5c71ec Mardin 2y ago <div className="flex flex-row gap-2 justify-center-start justify-start items-center">
14 c5c71ec Mardin 2y ago {start}
15 c5c71ec Mardin 2y ago </div>
16 c5c71ec Mardin 2y ago <div className="justify-center justify-self-center">
17 c5c71ec Mardin 2y ago {center}
18 c5c71ec Mardin 2y ago </div>
19 c5c71ec Mardin 2y ago <div className="flex flex-row gap-2 h-10 justify-end justify-self-end items-center">
20 c5c71ec Mardin 2y ago {end}
21 c5c71ec Mardin 2y ago </div>
22 c5c71ec Mardin 2y ago </div>
23 c5c71ec Mardin 2y ago </header>
24 c5c71ec Mardin 2y ago );