import { BedDouble } from 'lucide-react';

export default function AppLogo() {
    return (
        <div className='flex gap-2 items-center'>
            <div className="flex aspect-square size-8 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground">
                <BedDouble className="size-5  text-white" />
            </div>
            <div className="ml-1 grid flex-1 text-left text-sm">
                <span className="mb-0.5 truncate leading-tight font-semibold">Haven Hotel Rooms</span>
                <span className="mb-0.5 truncate  font-light text-xs">Hotel Room Managment</span>
            </div>
        </div>
    );
}
