import { withSelector } from '@tempi/core-editor';
import { DEFAULT_CUSTOM_ELEMENT } from './constants';
import { QuickSetting } from './quick-setting';
import { Setting } from './setting';
import { SampleComponent, SampleComponentProps } from './ui';

export const SampleComponentEditor = withSelector(
  (props: SampleComponentProps) => {
    return <SampleComponent {...props} />;
  },
  {
    displayName: 'SampleComponent',
    tag: SampleComponent.displayName.toLowerCase(),
    props: DEFAULT_CUSTOM_ELEMENT,
    quickSetting: QuickSetting,
    customAttributes: Setting,
    rules: {
      canDrag: () => true,
      canDrop: () => true,
    },
  },
);

export default SampleComponentEditor;