mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-07-10 22:32:16 +02:00
29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import Image from "next/image";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
/**
|
|
* Full-color brand marks for the platform-native scraper verbs, served from
|
|
* `/public/connectors/*.svg` (same asset library the connector UI uses). Each
|
|
* is a `ComponentType<{ className?: string }>` so it drops into the playground
|
|
* catalog and the composer badge exactly like a Lucide/Tabler icon.
|
|
*/
|
|
function brandIcon(src: string, alt: string) {
|
|
return function BrandIcon({ className }: { className?: string }) {
|
|
return (
|
|
<Image
|
|
src={src}
|
|
alt={alt}
|
|
width={20}
|
|
height={20}
|
|
className={cn("select-none object-contain pointer-events-none", className)}
|
|
draggable={false}
|
|
/>
|
|
);
|
|
};
|
|
}
|
|
|
|
export const RedditIcon = brandIcon("/connectors/reddit.svg", "Reddit");
|
|
export const YouTubeIcon = brandIcon("/connectors/youtube.svg", "YouTube");
|
|
export const GoogleMapsIcon = brandIcon("/connectors/google-maps.svg", "Google Maps");
|
|
export const GoogleSearchIcon = brandIcon("/connectors/google-search.svg", "Google Search");
|
|
export const WebIcon = brandIcon("/connectors/web.svg", "Web");
|