import clsx from 'clsx';

import { useConceptOptions } from '@/context/OptionsContext';
import useWindowSize from '@/hooks/useWindowSize';

function Logo() {
  const { darkMode } = useConceptOptions();
  const size = useWindowSize();

  return (
    <img
      alt=''
      className={clsx('max-h-[1.6rem] w-fit')}
      src={size.isSmall ? '/logo_sign.svg' : !darkMode ? '/logo_full.svg' : '/logo_full_dark.svg'}
    />
  );
}
export default Logo;
