// for example, in my-custom-components.ts 
import { type RegisteredComponent } from "@builder.io/sdk-react";
import { MyFunComponent } from "./MyFunComponent";

export const customComponents: RegisteredComponent[] = [
  {
    component: MyFunComponent,
    // ---> You could also lazy load your component using:
    // component: React.lazy(() => import('./MyFunComponent')),
    name: 'MyFunComponent',
    inputs: [
      {
        name: 'text',
        type: 'string',
        defaultValue: 'Hello world',
      },
    ],
  },
];