40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
"use client"
|
|
import { Card, Divider, Image } from "@nextui-org/react";
|
|
|
|
export default function BasicPage() {
|
|
return (
|
|
<div className=" h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-small ml-4">
|
|
<div className="px-4">
|
|
<div className="bg-blue-900 w-full h-[120px] my-5 rounded-md">
|
|
<div>
|
|
<div className="flex flex-row justify-between items-center">
|
|
<div>
|
|
<p className="text-2xl font-semibold ml-5 ">Basic Table</p>
|
|
<p className="text-gray-500 ml-5">Home<span className="text-black">{" > "}</span> <span className=" text-white">Basic Table</span></p>
|
|
</div>
|
|
<div className="pr-5">
|
|
<Image
|
|
width={110}
|
|
alt="NextUI hero Image"
|
|
src="https://modernize-nextjs-dark.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FChatBc.3d875e2e.png&w=256&q=75"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Card className="rounded-md my-5">
|
|
<p className="ml-5 mt-5 text-lg">Basic Table</p>
|
|
<Divider className="w-full my-3" />
|
|
<div>
|
|
{/* <UsersTable />
|
|
<UserTable />
|
|
<CustomerTable />
|
|
<InvoiceTable />
|
|
<AuthtorsTable /> */}
|
|
</div>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|