--- import GlobeIcon from './icons/GlobeIcon.astro'; import PinIcon from './icons/PinIcon.astro'; interface Props { mode?: 'inperson' | 'virtual' | 'hybrid'; location?: string; } const { mode = 'inperson', location } = Astro.props; const isOnline = mode === 'virtual' || mode === 'hybrid'; const locationLine = location ?? 'In person'; --- {mode === 'hybrid' ? ( Online {locationLine} ) : isOnline ? ( Online ) : ( {locationLine} )}