Gateway Overhead

52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T3252,"use client" import * as React from "react" import { cn } from "@/lib/utils" type GatewayOverheadIds = { base: string left: string right: string bottom: string clip: string logoClip: string top: string[] } export interface GatewayOverheadProps extends React.SVGAttributes { width?: number height?: number backgroundColor?: string borderColor?: string leftLineColor?: string centerLineColor?: string rightLineColor?: string logoColor?: string iconColor?: string showBackgroundGrid?: boolean leftIcon?: React.ReactNode centerIcon?: React.ReactNode rightIcon?: React.ReactNode } type GatewayOverheadDefsProps = { ids: GatewayOverheadIds borderColor: string backgroundColor: string } type GatewayOverheadGridProps = { ids: GatewayOverheadIds borderColor: string } function buildGatewayOverheadIds(id: string): GatewayOverheadIds { const base = id.replaceAll(":", "") return { base, left: `${base}-left`, right: `${base}-right`, bottom: `${base}-bottom`, clip: `${base}-clip`, logoClip: `${base}-logo-clip`, top: Array.from({ length: 7 }, (_, index) => `${base}-top-${index}`), } } function GatewayOverheadSvg({ className, width = 264, height = 120, ...props }: React.ComponentProps<"svg">) { return ( ) } function GatewayOverheadDefs({ ids, borderColor, backgroundColor, }: GatewayOverheadDefsProps) { return ( {ids.top.map((topId, index) => ( ))} ) } function GatewayOverheadScene({ ids, children, }: React.PropsWithChildren<{ ids: GatewayOverheadIds }>) { return ( {children} ) } function GatewayOverheadBackground({ backgroundColor, }: { backgroundColor: string }) { return ( ) } function GatewayOverheadBackgroundGrid({ ids, borderColor, }: GatewayOverheadGridProps) { return ( ) } function GatewayOverheadBottomLine({ ids }: { ids: GatewayOverheadIds }) { return ( ) } function GatewayOverheadNodeBox({ x, borderColor, }: { x: number borderColor: string }) { return ( ) } function GatewayOverheadCenterIcon({ iconColor }: { iconColor: string }) { return ( ) } function GatewayOverheadCenterLine({ centerLineColor, }: { centerLineColor: string }) { return ( ) } function GatewayOverheadRightLine({ rightLineColor, }: { rightLineColor: string }) { return ( ) } function GatewayOverheadLeftLine({ leftLineColor }: { leftLineColor: string }) { return ( ) } function GatewayOverheadHub({ ids, backgroundColor, logoColor, }: { ids: GatewayOverheadIds backgroundColor: string logoColor: string }) { return ( ) } function GatewayOverhead({ width = 264, height = 120, // backgroundColor = "#FAFAFA", backgroundColor = "transparent", borderColor = "#EAEAEA", leftLineColor = "#0067D6", centerLineColor = "#FFB224", rightLineColor = "#CA2A30", logoColor = "#000000", iconColor = "#171717", showBackgroundGrid = true, leftIcon, centerIcon, rightIcon, className, ...props }: GatewayOverheadProps) { const ids = buildGatewayOverheadIds(React.useId()) return ( Gateway Overhead {showBackgroundGrid ? ( ) : null} {leftIcon ?? ( )} {centerIcon ?? } {rightIcon ?? ( )} ) } function SettingsIcon({ color = "#171717" }: { color?: string }) { const k = 14 / 24 return ( ) } export { GatewayOverhead, GatewayOverheadSvg, GatewayOverheadDefs, GatewayOverheadScene, GatewayOverheadBackground, GatewayOverheadBackgroundGrid, GatewayOverheadBottomLine, GatewayOverheadNodeBox, GatewayOverheadCenterIcon, GatewayOverheadCenterLine, GatewayOverheadRightLine, GatewayOverheadLeftLine, GatewayOverheadHub, } export default GatewayOverhead 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L52",null,{"files":[{"path":"registry/default/ui/gateway-svg-illustration.tsx","content":"$53","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]