import { PopupV1Interface } from '@tempi/core-elements';
import { generateId } from 'modules/website/utils';
import { PageBuilderResponse } from '@tempi/core-renderer';

export const createNewSmartPopup = () => {
  const id = generateId();
  return {
    [id]: {
      id: id,
      tag: 'popupv1',
      style: {
        width: 400,
        padding: {
          top: 16,
          left: 16,
          right: 16,
          bottom: 16,
        },
        backgroundColor: '#fff',
      },
      children: [],
      isActive: false,
      isCanvas: true,
      parentId: 'ROOT',
      elementId: id,
      resolvedName: 'PopupEditorV1',
      customAttributes: {
        popupv1: {
          name: id,
          position: 'default',
          maskStyle: {
            backgroundColor: 'rgba(0, 0, 0, 0.1)',
          },
          maskClosable: true,
          displayOnVisitPage: true,
          isMainPopup: true,
          zIndex: 1050,
        } as PopupV1Interface,
      },
    },
  } as PageBuilderResponse<{ popupv1: PopupV1Interface }>;
};

export * from './api';