37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
/* eslint-disable @next/next/no-img-element */
|
|
export default function Navbar() {
|
|
return (
|
|
<div className="navbar bg-neutral-100 drop-shadow-md text-black">
|
|
<div className="flex-1">
|
|
<a className="btn btn-ghost normal-case text-xl">IELTS GPT</a>
|
|
</div>
|
|
<div className="flex-none gap-2">
|
|
<div className="form-control">
|
|
<input type="text" placeholder="Search" className="input input-bordered bg-white" />
|
|
</div>
|
|
<div className="dropdown dropdown-end">
|
|
<label tabIndex={0} className="btn btn-ghost btn-circle avatar">
|
|
<div className="w-10 rounded-full">
|
|
<img src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" alt="Profile picture" />
|
|
</div>
|
|
</label>
|
|
<ul tabIndex={0} className="mt-3 p-2 shadow menu menu-compact dropdown-content bg-base-100 rounded-box w-52">
|
|
<li>
|
|
<a className="justify-between">
|
|
Profile
|
|
<span className="badge">New</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>Settings</a>
|
|
</li>
|
|
<li>
|
|
<a>Logout</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|