Blame · ThemedComponentsRoot.tsx

b69ab31	1	/**
b69ab31	2	* Copyright (c) Meta Platforms, Inc. and affiliates.
b69ab31	3	*
b69ab31	4	* This source code is licensed under the MIT license found in the
b69ab31	5	* LICENSE file in the root directory of this source tree.
b69ab31	6	*/
b69ab31	7
b69ab31	8	import type {ReactNode} from 'react';
b69ab31	9
b69ab31	10	import * as stylex from '@stylexjs/stylex';
b69ab31	11	import {light} from './theme/tokens.stylex';
b69ab31	12
b69ab31	13	type Writable<T> = {-readonly [P in keyof T]: T[P]};
b69ab31	14	export function ThemedComponentsRoot({
b69ab31	15	theme,
b69ab31	16	className,
b69ab31	17	children,
b69ab31	18	}: {
b69ab31	19	theme: 'light' \| 'dark';
b69ab31	20	className?: string;
b69ab31	21	children: ReactNode;
b69ab31	22	}) {
b69ab31	23	const props = stylex.props(theme === 'light' && light);
b69ab31	24	// stylex would overwrite className
b69ab31	25	(props as Writable<typeof props>).className += ` ${className ?? ''} ${theme}-theme`;
b69ab31	26	return <div {...props}>{children}</div>;
b69ab31	27	}