'use client'
import { useId } from 'react'
import { cn } from '@/lib/utils'
interface SimLogoProps {
className?: string
}
/**
* Inline "sim" wordmark, no separate icon mark — same paths as the landing
* footer's `SimWordmark` (`apps/sim/app/(landing)/components/navbar/components/sim-wordmark`),
* ported here so the docs footer can match it exactly. Filled with
* `var(--text-body)` so it reads as one solid ink matching surrounding text.
*/
export function SimWordmark({ className }: SimLogoProps) {
return (
)
}
/**
* Icon-only Sim mark, no wordmark text. Same brandbook icon geometry as
* {@link SimLogoFull}'s icon, at its native square viewBox.
*/
export function SimLogoIcon({ className }: SimLogoProps) {
const gradientId = `sim-logo-icon-gradient-${useId()}`
return (
)
}
/**
* Full Sim logo with icon and "Sim" text.
* Uses the same SVG source as the landing page navbar for exact visual alignment.
* The icon stays green (#33C482), text adapts to light/dark mode.
*/
export function SimLogoFull({ className }: SimLogoProps) {
const gradientId = `sim-logo-full-gradient-${useId()}`
return (
)
}