Something went wrong. Try again.
ATProto-based AI Assistant Chat interface.
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031import type { ComponentType } from 'react'import { cn } from '../cn.ts'
interface Props { /** The icon, drawn larger and heavier than it is in text. */ icon: ComponentType<{ className?: string }> /** Red for a failure, grey otherwise. */ tone?: 'danger' /** Classes that place the mark, such as the space under it. */ className?: string}
/** * The round mark heading a message that stands alone, such as the error page's: a tint of its tone * around a large icon. */export function IconMark(props: Props) { const Icon = props.icon return ( <span className={cn( 'grid size-11 place-items-center rounded-full bg-hover text-muted', props.tone === 'danger' && 'bg-danger-soft text-danger', props.className, )} > <Icon className="stroke-(length:--icon-stroke-control) size-5.25" /> </span> )}