packages/memory-graph/src/ui/glass-effect.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import {
	glassMenuContainer,
	glassMenuEffect,
} from "./glass-effect.css";

interface GlassMenuEffectProps {
	rounded?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
	className?: string;
}

export function GlassMenuEffect({
	rounded = "3xl",
	className = "",
}: GlassMenuEffectProps) {
	return (
		<div className={`${glassMenuContainer} ${className}`}>
			{/* Frosted glass effect with translucent border */}
			<div className={glassMenuEffect({ rounded })} />
		</div>
	);
}