import{j as s,p as i}from"./docsPage-CrCNk6vV.js";import{useMDXComponents as n}from"./index-CswL0fy2.js";import{M as o}from"./index-BawdbxzO.js";import"./index-DwChlhAQ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-D-8MO0q_.js";import"./iframe-BDmRycB9.js";import"../sb-preview/runtime.js";import"./index-DxKRhftL.js";import"./index-DrFu-skq.js";function r(t){const e={a:"a",code:"code",h1:"h1",h2:"h2",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",...n(),...t.components};return s.jsxs(s.Fragment,{children:[s.jsx(o,{title:"Intro",parameters:{...i}}),`
`,s.jsx(e.p,{children:s.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,s.jsx(e.h1,{id:"reuters-graphicsgraphics-components",children:"@reuters-graphics/graphics-components"}),`
`,s.jsxs("p",{children:[s.jsx("a",{href:"https://www.npmjs.com/package/@reuters-graphics/graphics-components",children:s.jsx("img",{src:"https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components.svg",alt:"npm version",style:{display:"inline-block",margin:"0 5px 0 0"}})}),s.jsx("a",{href:"https://github.com/reuters-graphics/graphics-components",children:s.jsx("img",{src:"https://badgen.net/badge/icon/GitHub?icon=github&label",alt:"GitHub",style:{display:"inline-block",margin:"0 5px 0 0"}})})]}),`
`,s.jsx(e.p,{children:"Svelte components, SCSS and more you can use in graphics projects."}),`
`,s.jsx(e.h2,{id:"getting-started",children:"Getting started"}),`
`,s.jsxs(e.ol,{children:[`
`,s.jsx(e.li,{children:"Install"}),`
`]}),`
`,s.jsx(e.pre,{children:s.jsx(e.code,{className:"language-bash",children:`yarn add @reuters-graphics/graphics-components
`})}),`
`,s.jsxs(e.ol,{start:"2",children:[`
`,s.jsxs(e.li,{children:["Checkout the ",s.jsx(e.a,{href:"?path=/docs/guides-using-these-docs--page",children:"guides"}),", if you haven't, or dive straight into the docs to start using components."]}),`
`]}),`
`,s.jsx(e.pre,{children:s.jsx(e.code,{className:"language-svelte",children:`<script>
  import { BodyText } from '@reuters-graphics/graphics-components';
<\/script>

<BodyText text="{'Hello world!'}" />
`})})]})}function j(t={}){const{wrapper:e}={...n(),...t.components};return e?s.jsx(e,{...t,children:s.jsx(r,{...t})}):r(t)}export{j as default};