import * as Registry from "@/components/ui/aspect-ratio";


const entries = Object.entries(Registry).filter(
  ([, value]) => typeof value === "function" || (value && typeof value === "object" && "$$typeof" in value),
);

const Provider = entries.find(([name]) => name.endsWith("Provider"))?.[1];
const Component =
  Registry.default ??
  entries.find(([name]) => /^[A-Z]/.test(name) && !name.endsWith("Provider"))?.[1];

export default function GeneratedDemo() {
  if (!Component) {
    return (
      <p className="text-sm text-muted-foreground">
        This component has no default export to preview. Open the Code tab for usage.
      </p>
    );
  }

  const element = <Component  />;
  return Provider ? <Provider>{element}</Provider> : element;
}

Related components