import { cn } from "@lib/utils" import { Gmail, GoogleDrive, Granola, Notion } from "@ui/assets/icons" import { dmSans125ClassName } from "@/lib/fonts" export function SlackMark({ className }: { className?: string }) { return ( ) } function GithubMark({ className }: { className?: string }) { return ( GitHub ) } function LinearMark({ className }: { className?: string }) { return ( Linear ) } function SentryMark({ className }: { className?: string }) { return ( Sentry ) } function PostHogMark({ className }: { className?: string }) { return ( PostHog ) } function LetterMark({ label, color }: { label: string; color: string }) { return ( {label.charAt(0).toUpperCase()} ) } // Real brand logos where we have them, a branded lettermark otherwise. export function brainConnectorIcon( slug: string, name: string, className = "size-[18px]", ): React.ReactNode { switch (slug) { case "google-drive": return case "gmail": return case "github": return case "linear": return case "slack": return case "notion": return case "granola": return case "sentry": return case "posthog": return default: return } }