import { Text } from '@wix/design-system';
import React from 'react';
import { useWixPatternsContainer } from '@wix/bex-core/react';
import { MessageActionModal } from '../ActionModal';
import { observer } from 'mobx-react-lite';
import { Trans } from '../Trans';
export const _DeleteFieldModal = ({ state, }) => {
    const container = useWixPatternsContainer();
    const { translate: t } = container;
    const { dataExtension, modal } = state;
    return (React.createElement(MessageActionModal, { dataHook: "archived-items-delete-confirm-modal", state: modal, skin: "destructive", title: t('cairo.customFields.delete.modal.title', {
            selectedField: dataExtension.extractFieldValuesFromSchema(modal.value?.id || '')
                ?.name || '',
        }), content: React.createElement(Text, null,
            React.createElement(Trans, { i18nKey: "cairo.customFields.delete.modal.description", values: {
                    selectedField: dataExtension.extractFieldValuesFromSchema(modal.value?.id || '')?.name || '',
                }, components: {
                    bold: React.createElement(Text, { weight: "bold" }),
                } })), primaryButtonText: t('cairo.customFields.delete.modal.delete.CTA'), secondaryButtonText: t('cairo.customFields.delete.modal.cancel.CTA') }));
};
export const DeleteFieldModal = observer(_DeleteFieldModal);
//# sourceMappingURL=DeleteFieldModal.js.map