---
to: <%- config.kebabCaseName -%>.generated.ts
---
/**
 * THIS FILE IS AUTO-GENERATED
 * Changes to this file will be overwritten during the next build/sync.
 * To make changes, update the source code or use the <%- config.kebabCaseName -%>.extension.ts file
 */

import type { EditorElement } from '@wix/react-component-schema';

export const editorElement = {
  selector: '.<%- config.kebabCaseName -%>',
  displayName: '<%- config.name -%>',
  data: {
    image: {
      dataType: 'image',
      displayName: 'Image',
    },
    title: {
      dataType: 'text',
      displayName: 'Title',
    },
    description: {
      dataType: 'text',
      displayName: 'Description',
    },
    direction: {
      dataType: 'direction',
      displayName: 'Direction',
    },
  },
  elements: {
    image: {
      elementType: 'inlineElement',
      inlineElement: {
        selector: '.image',
        displayName: 'Image',
        behaviors: {
          removable: true,
          selectable: false,
        },
        cssProperties: {
          borderTop: {},
          borderBottom: {},
          borderInlineStart: {},
          borderInlineEnd: {},
          borderStartStartRadius: {},
          borderStartEndRadius: {},
          borderEndStartRadius: {},
          borderEndEndRadius: {},
          boxShadow: {},
          display: {
            display: {
              displayValues: ['none', 'block'],
            },
          },
        },
      },
    },
    title: {
      elementType: 'inlineElement',
      inlineElement: {
        selector: '.title',
        displayName: 'Title',
        behaviors: {
          removable: true,
          selectable: false,
        },
        cssProperties: {
          font: { defaultValue: 'bold 20px/1.3 sans-serif' },
          lineHeight: {},
          letterSpacing: {},
          textDecorationLine: {},
          textTransform: {},
          textAlign: { defaultValue: 'start' },
          textShadow: {},
          color: { defaultValue: '#1a1a1a' },
          display: {
            display: {
              displayValues: ['none', 'block'],
            },
          },
        },
      },
    },
    description: {
      elementType: 'inlineElement',
      inlineElement: {
        selector: '.description',
        displayName: 'Description',
        behaviors: {
          removable: true,
          selectable: false,
        },
        cssProperties: {
          font: { defaultValue: 'normal 14px/1.5 sans-serif' },
          lineHeight: {},
          letterSpacing: {},
          textDecorationLine: {},
          textTransform: {},
          textAlign: { defaultValue: 'start' },
          textShadow: {},
          color: { defaultValue: '#666666' },
          display: {
            display: {
              displayValues: ['none', 'block'],
            },
          },
        },
      },
    },
  },
  cssProperties: {
    background: { defaultValue: '#ffffff' },
    borderTop: { defaultValue: '1px solid #e0e0e0' },
    borderBottom: { defaultValue: '1px solid #e0e0e0' },
    borderInlineStart: { defaultValue: '1px solid #e0e0e0' },
    borderInlineEnd: { defaultValue: '1px solid #e0e0e0' },
    paddingTop: { defaultValue: '0px' },
    paddingBottom: { defaultValue: '0px' },
    paddingInlineStart: { defaultValue: '0px' },
    paddingInlineEnd: { defaultValue: '0px' },
    borderStartStartRadius: { defaultValue: '12px' },
    borderStartEndRadius: { defaultValue: '12px' },
    borderEndStartRadius: { defaultValue: '12px' },
    borderEndEndRadius: { defaultValue: '12px' },
    boxShadow: { defaultValue: '0 4px 16px rgba(0, 0, 0, 0.08)' },
    display: {
      display: {
        displayValues: ['none', 'block'],
      },
    },
  },
} as EditorElement;