feat: wip estimate, receipt, payment received customize

packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeContent.tsx

@@ -1,3 +1,38 @@
+import React from 'react';
+import { Box } from '@/components';
+import { Classes } from '@blueprintjs/core';
+// import { InvoicePaperTemplate } from './InvoicePaperTemplate';
+import { ElementCustomize } from '../../../ElementCustomize/ElementCustomize';
+import { CreditNoteCustomizeGeneralField } from './CreditNoteCustomizeGeneralFields';
+import { CreditNoteCustomizeContentFields } from './CreditNoteCutomizeContentFields';
+import { CreditNoteCustomizeValues } from './types';
+import { initialValues } from './constants';
+
 export default function CreditNoteCustomizeContent() {
-  return <h1>asdasd</h1>;
+  const handleFormSubmit = (values: CreditNoteCustomizeValues) => {};
+
+  return (
+    <Box className={Classes.DRAWER_BODY}>
+      <ElementCustomize<CreditNoteCustomizeValues>
+        initialValues={initialValues}
+        onSubmit={handleFormSubmit}
+      >
+        <ElementCustomize.PaperTemplate>
+          {/* <InvoicePaperTemplate /> */}
+        </ElementCustomize.PaperTemplate>
+
+        <ElementCustomize.FieldsTab id={'general'} label={'General'}>
+          <CreditNoteCustomizeGeneralField />
+        </ElementCustomize.FieldsTab>
+
+        <ElementCustomize.FieldsTab id={'content'} label={'Content'}>
+          <CreditNoteCustomizeContentFields />
+        </ElementCustomize.FieldsTab>
+
+        <ElementCustomize.FieldsTab id={'totals'} label={'Totals'}>
+          asdfasdfdsaf #3
+        </ElementCustomize.FieldsTab>
+      </ElementCustomize>
+    </Box>
+  );
 }