import{j as t}from"./index-bIIEL2MP.js";import{useMDXComponents as i}from"./index-CO-0pc0F.js";import{M as c,C as o}from"./index-Z-6k0Xrj.js";import{E as a,D as s}from"./EndNotes.stories-gsDePbQ7.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"./each-CVpBMMjG.js";import"./Block-D3Ui8rd-.js";import"./snippet-C5kbqVpq.js";import"./attributes-Cg6aLqN3.js";import"./style-DvJ3IcV1.js";import"./Markdown-DUxFwijc.js";import"./svelte-component-C8Ginrj8.js";import"./create-runtime-stories-7AWWVphH.js";import"./get-C3XmtPLd.js";function r(e){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(c,{of:a}),`
`,t.jsx(n.h1,{id:"endnotes",children:"EndNotes"}),`
`,t.jsxs(n.p,{children:["The ",t.jsx(n.code,{children:"EndNotes"})," component adds notes such as sources, clarifiying notes and minor corrections that come at the end of a story."]}),`
`,t.jsx(n.pre,{children:t.jsx(n.code,{className:"language-svelte",children:`<script>
  import { EndNotes } from '@reuters-graphics/graphics-components';

  const notes = [
    {
      title: 'Note',
      text: 'Data is current as of today.',
    },
    {
      title: 'Sources',
      text: 'Data, Inc.',
    },
    {
      title: 'Edited by',
      text: '<a href="https://www.reuters.com/graphics/">Editor</a>, Copyeditor',
    },
  ];
<\/script>

<EndNotes {notes} />
`})}),`
`,t.jsx(o,{of:s}),`
`,t.jsx(n.h2,{id:"using-with-archieml-docs",children:"Using with ArchieML docs"}),`
`,t.jsx(n.p,{children:"With the graphics kit, you'll likely get your text value from an ArchieML doc..."}),`
`,t.jsx(n.pre,{children:t.jsx(n.code,{className:"language-yaml",children:`# ArchieML doc
[endNotes]
title: Note
text: Data is current as of today

title: Sources
text: Data, Inc.

title: Edited by
text: Editor, Copyeditor
[]
`})}),`
`,t.jsxs(n.p,{children:["... which you'll pass to the ",t.jsx(n.code,{children:"EndNotes"})," component."]}),`
`,t.jsx(n.pre,{children:t.jsx(n.code,{className:"language-svelte",children:`<!-- graphics kit -->
<script>
  import { EndNotes } from '@reuters-graphics/graphics-components';

  import content from '$locales/en/content.json';
<\/script>

<EndNotes notes={content.endNotes} />
`})}),`
`,t.jsx(o,{of:s})]})}function A(e={}){const{wrapper:n}={...i(),...e.components};return n?t.jsx(n,{...e,children:t.jsx(r,{...e})}):r(e)}export{A as default};