22 lines
694 B
TypeScript
22 lines
694 B
TypeScript
import { Button } from '@/components/ui/button';
|
|
import { Database, Plus } from 'lucide-react';
|
|
|
|
export default async function Databases() {
|
|
return (
|
|
<div className="mt-12">
|
|
<h1 className="text-3xl font-semibold">Databases</h1>
|
|
<div className="bg-white py-6 flex flex-col items-center rounded-lg mt-6 gap-4">
|
|
<Database size={64} className="text-gray-300" />
|
|
<div className="text-center">
|
|
<h3 className="font-semibold">No database</h3>
|
|
<p className="text-gray-700">Get started by creating a new database.</p>
|
|
</div>
|
|
<Button className="flex gap-1 justify-center items-center bg-[#3A7BFE]">
|
|
<Plus />
|
|
New Database
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|