jsx

// Integration APP - IO
import { useIframeState, Iframe } from '@vtex/raccoon-io'


const [size, setSize] = useState('250px')

const iframe = useIframeState({
  asyncHandlers: {
    resize: (data: any) => {
      setSize(data.size)
    }
  }
})

/* button to reduce the navigation */
// post message to the iframe

<Iframe style={{ width: size }} state={iframe} />


// App Next
import { publishMessage } from '@vtex/raccoon-next'

publishMessage({
  type: 'resize',
  data: {
    size:  '500px'
  }
})