Function CodeGroup

apps/baseai.dev/src/components/Code.tsx:331–374

({
	children,
	title,
	...props
}: React.ComponentPropsWithoutRef<typeof CodeGroupPanels> & { title: string })

const CodeGroupContext = createContext(false);

export function CodeGroup({
	children,
	title,
	...props
}: React.ComponentPropsWithoutRef<typeof CodeGroupPanels> & { title: string }) {
	let languages =
		Children.map(children, child =>
			getPanelTitle(isValidElement(child) ? (child.props as { title?: string; language?: string }) : {})
		) ?? [];
	let tabGroupProps = useTabGroupProps(languages);
	// let hasTabs = Children.count(children) > 1;

	let containerClassName =
		'my-6 overflow-hidden rounded-2xl bg-background shadow-md dark:ring-6 dark:ring-[#3B3765]';
	let header = (
		<CodeGroupHeader
			title={title}
			selectedIndex={tabGroupProps.selectedIndex}
		>
			{children}
		</CodeGroupHeader>
	);
	let panels = <CodeGroupPanels {...props}>{children}</CodeGroupPanels>;

	return (
		<CodeGroupContext.Provider value={true}>
			{/* {hasTabs ? ( */}
			<TabGroup {...tabGroupProps} className={containerClassName}>
				<div className="not-prose">
					{header}
					{panels}
				</div>
			</TabGroup>
			{/* ) : (
				<div className={containerClassName}>
					<div className="not-prose">
						{header}
						{panels}
					</div>
				</div>
			)} */}
		</CodeGroupContext.Provider>
	);
}

export function Code({
	children,