docs(share): 📝 Add code blocks in embed instructions

apps/builder/components/share/integrations/modals/IframeModal.tsx

@@ -9,16 +9,13 @@ import {
   ModalFooter,
   Text,
 } from '@chakra-ui/react'
+import { StandardEmbedWindowSettings } from 'components/share/codeSnippets/Container/EmbedSettings'
+import { IframeEmbedCode } from 'components/share/codeSnippets/Iframe/EmbedCode'
 import { PublishFirstInfo } from 'components/shared/Info'
 import { useState } from 'react'
 import { ModalProps } from '../EmbedButton'
 
-export const IframeModal = ({
-  isPublished,
-  publicId,
-  isOpen,
-  onClose,
-}: ModalProps) => {
+export const IframeModal = ({ isPublished, isOpen, onClose }: ModalProps) => {
   const [inputValues, setInputValues] = useState({
     heightLabel: '100%',
     widthLabel: '100%',
@@ -33,6 +30,12 @@ export const IframeModal = ({
         <ModalBody as={Stack} spacing={4}>
           {!isPublished && <PublishFirstInfo />}
           <Text>Paste this anywhere in your HTML code:</Text>
+          <StandardEmbedWindowSettings
+            onUpdateWindowSettings={(settings) =>
+              setInputValues({ ...settings })
+            }
+          />
+          <IframeEmbedCode {...inputValues} />
         </ModalBody>
         <ModalFooter />
       </ModalContent>