import{j as e}from"./index-bIIEL2MP.js";import{useMDXComponents as n}from"./index-CO-0pc0F.js";import{M as i}from"./index-Z-6k0Xrj.js";import{E as m}from"./EmbedPreviewerLink.stories-pYDu8PuK.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./iframe-CzjIX-qr.js";import"./index-aQYXhgXp.js";import"./index-DrFu-skq.js";import"./props-b4vEeO_8.js";import"./runtime-C3rQLW--.js";import"./lifecycle-F2p_Qkk3.js";import"./svelte-component-C8Ginrj8.js";import"./fa-layers-text.svelte_svelte_type_style_lang-rD9gd1As.js";import"./attributes-Cg6aLqN3.js";import"./style-DvJ3IcV1.js";import"./this-CrUBQEQ_.js";import"./create-runtime-stories-7AWWVphH.js";import"./snippet-C5kbqVpq.js";import"./get-C3XmtPLd.js";function o(t){const r={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{of:m}),`
`,e.jsx(r.h1,{id:"embedpreviewerlink",children:"EmbedPreviewerLink"}),`
`,e.jsxs(r.p,{children:["The ",e.jsx(r.code,{children:"EmbedPreviewerLink"})," component is a tool for previewing the embeds in development. It adds an icon at the bottom of the page that, when clicked, opens a previewer with the embeds."]}),`
`,e.jsx(r.pre,{children:e.jsx(r.code,{className:"language-svelte",children:`<script>
  import { EmbedPreviewerLink } from '@reuters-graphics/graphics-components';

  import { dev } from '$app/env';
<\/script>

<EmbedPreviewerLink {dev} />
`})})]})}function P(t={}){const{wrapper:r}={...n(),...t.components};return r?e.jsx(r,{...t,children:e.jsx(o,{...t})}):o(t)}export{P as default};