tasko/components/logo.tsx

import Image from 'next/image';
import Link from 'next/link';

export const Logo = () => {
  return (
    // TODO: Make this go back to the organization page if you are logged in
    <Link href='/'>
      <div className='hidden items-center gap-x-2 transition hover:opacity-75 md:flex'>
        <Image
          src='/logo-transparent.svg'
          alt='logo'
          height={100}
          width={100}
        />
      </div>
    </Link>
  );
};