import { ComponentConfig } from "@reacteditor/core";
import { LayoutTemplate } from "lucide-react";
import { Hero, type HeroProps } from "@/components/hero/hero";

const heroConfig: ComponentConfig<HeroProps> = {
  label: "Hero",
  icon: <LayoutTemplate size={16} />,
  category: "hero",
  defaultProps: {
    title: "Enter title",
    subtitle: "Enter your subtitle here...",
  },
  fields: {
    title: { label: "Title", type: "text", contentEditable: true },
    subtitle: { label: "Subtitle", type: "textarea", contentEditable: true },
  },
  render: (props) => <Hero {...props} />,
};

export default heroConfig;
