woocommerce/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/additional-fields/edit.tsx

36 lines
704 B
TypeScript

/**
* External dependencies
*/
import { useBlockProps } from '@wordpress/block-editor';
import {
ORDER_FORM_FIELDS,
CONTACT_FORM_FIELDS,
} from '@woocommerce/block-settings';
import { AdditionalFieldsPlaceholder } from '@woocommerce/base-components/cart-checkout';
/**
* Internal dependencies
*/
import './style.scss';
const Edit = (): JSX.Element => {
const blockProps = useBlockProps( {
className: 'wc-block-order-confirmation-additional-fields',
} );
const additionalFields = {
...ORDER_FORM_FIELDS,
...CONTACT_FORM_FIELDS,
};
return (
<div { ...blockProps }>
<AdditionalFieldsPlaceholder
additionalFields={ additionalFields }
/>
</div>
);
};
export default Edit;