import { EtibBlock } from './types';
import SplitHeadingComponent from '@/components/blog/SplitHeading';

export const SplitHeading: EtibBlock = {
  slug: 'splitHeading',
  interfaceName: 'SplitHeadingBlock',
  render: SplitHeadingComponent,
  fields: [
    {
      name: 'title',
      type: 'text',
      required: true,
    },
    {
      name: 'id',
      type: 'text',
    },
    {
      name: 'level',
      type: 'select',
      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
      defaultValue: 'h2',
    },
  ],
};
