IntegrationLogo.tsx25 lines · main

1	import { cn } from 'ui'
2
3	import type { IntegrationDefinition } from '@/components/interfaces/Integrations/Landing/Integrations.constants'
4
5	interface IntegrationLogoProps {
6	integration: Pick<IntegrationDefinition, 'icon'>
7	size?: string
8	className?: string
9	}
10
11	export const IntegrationLogo = ({
12	integration,
13	size = 'h-9 w-9',
14	className,
15	}: IntegrationLogoProps) => (
16	<div
17	className={cn(
18	'relative flex shrink-0 items-center justify-center overflow-hidden rounded-md border bg-white',
19	size,
20	className
21	)}
22	>
23	{integration.icon()}
24	</div>
25	)