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>
	)
}