commerce/components/logo-square.tsx
2024-03-23 09:56:37 -04:00

24 lines
622 B
TypeScript

import clsx from 'clsx';
import LogoIcon from './icons/logo';
export default function LogoSquare({ size }: { size?: 'sm' | undefined }) {
return (
<div
className={clsx(
'flex flex-none items-center justify-center border-none border-neutral-200 bg-white dark:border-neutral-700 dark:bg-black',
{
'h-[120px] w-[120px] rounded-xl': !size,
'h-[80px] w-[80px] rounded-lg': size === 'sm'
}
)}
>
<LogoIcon
className={clsx({
'h-[120px] w-[120px]': !size,
'h-[80px] w-[80px]': size === 'sm'
})}
/>
</div>
);
}