import React from "react";
export function DropdownMenu({ children }){ return <div className="relative inline-block">{children}</div>; }
export function DropdownMenuTrigger({ asChild, children }){ return children; }
export function DropdownMenuContent({ align="end", className="", children }){
  return <div className={`absolute mt-2 right-0 bg-white shadow rounded-xl p-2 z-50 ${className}`}>{children}</div>;
}
export function DropdownMenuItem({ asChild, children, onClick }){
  const C = asChild ? 'span' : 'button';
  return <C onClick={onClick} className="block text-left w-full px-2 py-1.5 rounded hover:bg-gray-50">{children}</C>;
}
export function DropdownMenuSeparator(){ return <div className="my-1 border-t"/>; }
export function DropdownMenuLabel({ children }){ return <div className="px-2 py-1 text-xs opacity-70">{children}</div>; }