Props Visualiser

1"use client";
2
3import { PropsVisualiser } from "@/registry/ui";
4import { MagneticContainerDefaultExample } from "@/components/examples";
5
6export function PropsVisualiserDefaultExample() {
7  return (
8    <PropsVisualiser
9      title="Magnetic Container Playground"
10      schema={[
11        {
12          key: "strength",
13          type: "number",
14          min: 0,
15          max: 1,
16          step: 0.1,
17          defaultValue: 0.3,
18        },
19        {
20          key: "maxOffset",
21          type: "number",
22          min: 0,
23          max: 100,
24          step: 1,
25          defaultValue: 50,
26        },
27      ]}
28      render={(props: { strength: number; maxOffset: number }) => (
29        <MagneticContainerDefaultExample {...props} />
30      )}
31    />
32  );
33}