import type { ReactNode, SVGProps } from "react"; export type LogoEntry = { name: string; mark: ReactNode; href?: string }; type SymbolProps = SVGProps; function MarkFrame({ children, className = "", ...props }: SymbolProps) { return ( ); } export function AlderbankSymbol(props: SymbolProps) { return ( ); } export function FerrovaneSymbol(props: SymbolProps) { return ( ); } export function LarkmoorSymbol(props: SymbolProps) { return ( ); } export function QuarrystoneSymbol(props: SymbolProps) { return ( ); } export function TesselSymbol(props: SymbolProps) { return ( ); } export function WrenfieldSymbol(props: SymbolProps) { return ( ); } export function CobaltlineSymbol(props: SymbolProps) { return ( ); } export function NorthfoldSymbol(props: SymbolProps) { return ( ); } export function SampleLogo({ name, symbol }: { name: string; symbol: ReactNode }) { return ( {symbol} {name} ); } /** Invented companies with original geometric marks, for demos only. */ export const sampleLogos: LogoEntry[] = [ { name: "Alderbank", mark: } /> }, { name: "Ferrovane", mark: } /> }, { name: "Larkmoor", mark: } /> }, { name: "Quarrystone", mark: } /> }, { name: "Tessel", mark: } /> }, { name: "Wrenfield", mark: } /> }, { name: "Cobaltline", mark: } /> }, { name: "Northfold", mark: } /> }, ];