import type { ComponentConfig } from '@reacteditor/core';
import { PanelBottom } from 'lucide-react';
import Footer, { type FooterProps } from './footer';

const footerConfig: ComponentConfig<FooterProps> = {
  label: 'Footer',
  icon: <PanelBottom size={16} />,
  category: 'navigation',
  global: true,
  defaultProps: {
    copyright: 'Copyright 2026',
  },
  fields: {
    copyright: { label: 'Copyright', type: 'text', contentEditable: true },
  },
  render: (props) => <Footer {...props} />,
};

export default footerConfig;