commerce/components/logo-square.tsx
2023-08-24 00:36:51 -07:00

21 lines
480 B
TypeScript

import clsx from 'clsx';
import Logo from './icons/logo';
export default function LogoSquare({ size }: { size?: 'sm' | undefined }) {
return (
<div
className={clsx('flex flex-none items-center justify-center', {
'h-[40px] w-[40px]': !size,
'h-[30px] w-[30px]': size === 'sm'
})}
>
<Logo
className={clsx({
'h-[16px] w-[16px]': !size,
'h-[10px] w-[10px]': size === 'sm'
})}
/>
</div>
);
}