Function BadgeGroup

website/app/components/preview/InstallCode.tsx:46–61

({ items, onClick, isActive, mt }: BadgeGroupProps)

const DISPLAYS = ['auto', 'swap', 'block', 'fallback', 'optional'];

const BadgeGroup = ({ items, onClick, isActive, mt }: BadgeGroupProps) => (
	<Group mt={mt}>
		{items.map((item) => (
			<Badge
				key={item}
				className={classes.badge}
				onClick={() => {
					onClick(item);
				}}
				data-active={Boolean(isActive(item))}
			>
				{item}
			</Badge>
		))}
	</Group>
);

const VariableSimple = ({ metadata, variable }: InstallCodeProps) => {
	const [isActive, setActive] = useState<Record<string, boolean>>({