'use client'
import Image from 'next/image'
import Link from 'next/link'
import { useSelector } from 'react-redux';
import { AppStore } from '@/lib/store';
import logo from '@/assets/images/logo-white.png';

const SidebarLogo = () => {
	const userDetails: any = useSelector((state: AppStore) => state.userDetailSlice?.userDetails);
	return (
		<div className="px-5 pb-2 flex items-center justify-between">
			<Link href={`/${userDetails?.role}/dashboard`} className="block transition-transform hover:scale-[1.02]">
				<Image src={logo} alt='Logo' className="drop-shadow-[0_2px_12px_rgba(0,0,0,0.15)]" width={200} height={34} />
			</Link>
		</div >
	)
}

export default SidebarLogo