File size: 1,338 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | import React from "react";
import { cn } from "#/utils/utils";
import {
AGENT_SERVER_UI_DEFAULT_CSS_VARIABLES,
AGENT_SERVER_UI_DEFAULT_THEME,
type AgentServerUIStyleOverrides,
type AgentServerUITheme,
} from "#/styles/agent-server-ui-style-scope";
export interface AgentServerUIRootProps extends Omit<
React.HTMLAttributes<HTMLDivElement>,
"style"
> {
children: React.ReactNode;
theme?: AgentServerUITheme;
style?: React.CSSProperties;
styleOverrides?: AgentServerUIStyleOverrides;
contentClassName?: string;
}
export function AgentServerUIRoot({
children,
theme = AGENT_SERVER_UI_DEFAULT_THEME,
className,
style,
styleOverrides,
contentClassName,
...divProps
}: AgentServerUIRootProps) {
const scopedStyle = React.useMemo(
() =>
({
...AGENT_SERVER_UI_DEFAULT_CSS_VARIABLES,
...styleOverrides,
...style,
}) as React.CSSProperties,
[style, styleOverrides],
);
return (
<div
data-agent-server-ui=""
{...divProps}
className={className}
// CSS custom properties injected onto the scope root so descendants can resolve var(--oh-*)
style={scopedStyle}
>
<div
className={cn(theme, contentClassName, "text-foreground")}
data-theme={theme}
>
{children}
</div>
</div>
);
}
|