@bemit/consent-ui-formanta/ConsentUiBoxDialog/ConsentUiBoxDialog.js

© 2022 [bemit](https://bemit.eu)

import React from 'react';
import { ConsentUiBox } from '@bemit/consent-ui-formanta/ConsentUiBox';
import { jsx as _jsx } from "react/jsx-runtime";
export const dialogPositions = {
  center: {
    alignItems: 'center',
    justifyContent: 'center'
  },
  top: {
    alignItems: 'flex-start',
    justifyContent: 'center'
  },
  bottom: {
    alignItems: 'flex-end',
    justifyContent: 'center'
  },
  bottomLeft: {
    alignItems: 'flex-end',
    justifyContent: 'flex-start'
  },
  bottomRight: {
    alignItems: 'flex-end',
    justifyContent: 'flex-end'
  },
  topLeft: {
    alignItems: 'flex-start',
    justifyContent: 'flex-start'
  },
  topRight: {
    alignItems: 'flex-start',
    justifyContent: 'flex-end'
  },
  centerLeft: {
    alignItems: 'center',
    justifyContent: 'flex-start'
  },
  centerRight: {
    alignItems: 'center',
    justifyContent: 'flex-end'
  }
};
const joinClassName = (baseClass, extraClass) => baseClass + (extraClass ? ' ' + extraClass : '');
export const ConsentUiBoxDialog = ({
  borderRadius = 6,
  maxHeight = '92vh',
  e2e,
  slots: {
    mask,
    modal,
    body
  } = {},
  ...props
}) => {
  return _jsx("div", {
    ...(mask || {}),
    className: joinClassName('modal-mask', mask?.className),
    children: _jsx("div", {
      ...(modal || {}),
      className: joinClassName('modal', modal?.className),
      style: {
        padding: 12,
        ...(modal?.style || {})
      },
      children: _jsx("div", {
        ...(body || {}),
        "data-e2e-cc": e2e ? 'cc-dialog' : undefined,
        className: joinClassName('modal-body', body?.className),
        style: {
          borderRadius: borderRadius,
          display: 'flex',
          flexDirection: 'column',
          overflow: 'auto',
          maxHeight: maxHeight,
          padding: 0,
          ...(body?.style || {})
        },
        children: _jsx(ConsentUiBox, {
          e2e: e2e,
          ...props
        })
      })
    })
  });
};