import React from 'react';
import { cva, type VariantProps } from 'class-variance-authority';
import { cn } from '../../../../@/lib/utils';

// we will have mobile and desktop logo varients in the future
const logoVariants = cva('h-[27px]', {
  variants: {
    size: {
      default: 'h-[27px]',
      sm: 'h-[17px]',
      lg: 'h-[37px]',
    },
  },
  defaultVariants: {
    size: 'default',
  },
});

export interface LogoProps extends VariantProps<typeof logoVariants> {}

const Logo = ({ size }: VariantProps<typeof logoVariants>) => {
  const logo = ''
  return (
    <div className={cn(logoVariants({ size }))}>
      <img src={logo} className='w-auto h-full' />
    </div>
  );
};

export { Logo, logoVariants };
