import{S as F,i as ee,s as te,o as b,y as k,b as A,P as ne,d as u,e as V,Q as oe,n as C,f as y,C as $,g as m,m as c,t as d,h as v,j as h}from"./index-4f5e5369.js";import{g as se,a as ae}from"./spread-8a54911c.js";import{p as re,M as ge,T as me,S as _}from"./collect-stories-6e37d46b.js";import{G}from"./GraphicBlock-fdcf18df.js";import{b as P,w as ce}from"./withParams-47e2ab71.js";import"./Block-67c7bec3.js";import"./PaddingReset-bdb61f35.js";import"./marked.esm-76161808.js";const de=`The \`GraphicBlock\` component is a special derivative of the [\`Block\`](./?path=/docs/layout-block) component that also handles text elements around a graphic. Many other components use this one to wrap graphics with styled text. When you use it, you'll also wrap your chart elements or component with it like this: --- \`\`\`svelte