import{j as e}from"./index-bIIEL2MP.js";import{useMDXComponents as o}from"./index-CO-0pc0F.js";import{M as r,C as a}from"./index-Z-6k0Xrj.js";import{H as s,D as p}from"./Headpile.stories-DLox4_QV.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"./create-runtime-stories-7AWWVphH.js";import"./snippet-C5kbqVpq.js";import"./svelte-component-C8Ginrj8.js";import"./get-C3XmtPLd.js";import"./each-CVpBMMjG.js";import"./Block-D3Ui8rd-.js";import"./attributes-Cg6aLqN3.js";import"./style-DvJ3IcV1.js";import"./Markdown-DUxFwijc.js";function i(t){const n={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...o(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{of:s}),`
`,e.jsx(n.h1,{id:"headpile",children:"Headpile"}),`
`,e.jsxs(n.p,{children:["The ",e.jsx(n.code,{children:"Headpile"})," component is a headshot-bulleted list of people, identifying them with their names, roles and a short description of their significance to a story."]}),`
`,e.jsxs(n.p,{children:["It's designed to be used with headshots that have had their background removed, which can be done in the ",e.jsx(n.a,{href:"https://support.apple.com/en-gb/guide/preview/prvw15636/mac?#apd320b3b1b750a4",rel:"nofollow",children:"Preview app"})," on macOS."]}),`
`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-svelte",children:`<script>
  import { Headpile } from '@reuters-graphics/graphics-components';
  import { assets } from '$app/paths'; // 👈 If using in the graphics kit...
<\/script>

<Headpile
  figures={[
    {
      img: \`\${assets}/images/person-A.jpg\`,
      name: 'General Abdel Fattah al-Burhan',
      role: "Sudan's Sovereign Council Chief and military commander",
      text: 'Burhan was little known in public life until taking part in the coup ...',
    },
    {
      img: \`\${assets}/images/person-B.jpg\`,
      name: 'General Mohamed Hamdan Dagalo',
      role: 'Leader of the Sudanese paramilitary Rapid Support Forces (RSF)',
      text: 'Popularly known as Hemedti, Dagalo rose from lowly beginnings ...',
    },
  ]}
/>
`})}),`
`,e.jsx(a,{of:p})]})}function F(t={}){const{wrapper:n}={...o(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(i,{...t})}):i(t)}export{F as default};