import type { ComponentConfig } from '@reacteditor/core';
import { SquareDashed } from 'lucide-react';
import Starter, { type StarterProps } from './starter';

const starterConfig: ComponentConfig<StarterProps> = {
  label: 'Starter',
  icon: <SquareDashed size={16} />,
  category: 'content',
  defaultProps: {
    logoUrl: '/next.svg',
    message: 'To edit this page navigate to /editor.',
  },
  fields: {
    logoUrl: { label: 'Logo', type: 'image' },
    message: { label: 'Message', type: 'text', contentEditable: true },
  },
  render: (props) => <Starter {...props} />,
};

export default starterConfig;