        export function MenuExample(props: MenuExampleProps) {
  const copy = () => COPY[props.locale]

  return (
    <div ref={(el) => el.setAttribute("data-hydrated", "true")} class="menu-example">
      <Menu.Root>
        <Menu.Trigger>{copy().trigger}</Menu.Trigger>
        <Menu.Content aria-label={copy().trigger}>
          {copy().items.map((item) => (
            <Menu.Item>{item}</Menu.Item>
          ))}
        </Menu.Content>
      </Menu.Root>
    </div>
  )
}
Ejemplos
