bahasa_users/kasir/src/components/manajemenUsers/UserHero.tsx

20 lines
642 B
TypeScript

export default function UsersHero() {
return (
<div className="bg-blue-50 rounded-3xl p-8 shadow-sm border border-blue-100 mb-8">
<div className="flex justify-between items-center">
<div>
<p className="text-gray-500 text-lg">
Kelola data pengguna sekolah 👥
</p>
<h1 className="text-5xl font-extrabold text-blue-700 mt-2">
Manajemen Users
</h1>
</div>
<button className="bg-blue-600 text-white px-6 py-3 rounded-xl font-semibold shadow hover:bg-blue-700 transition">
+ Tambah User
</button>
</div>
</div>
);
}