import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{n,t as r}from"./ImageRenderer-D0T58E1p.js";var i,a,o,s,c,l,u;function d(){return(d=e((()=>{n(),i=t(),{useArgs:a}=__STORYBOOK_MODULE_PREVIEW_API__,o={title:`Shared/UI/Image/ImageRenderer`,component:r,args:{src:`https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80`,alt:`Горный пейзаж`},parameters:{layout:`padded`},argTypes:{src:{description:`URL основного изображения.`,control:`text`},sources:{description:`Дополнительные responsive picture-источники.`,control:!1},layout:{description:`Режим расположения изображения внутри контейнера.`,control:`inline-radio`,options:[`cover`,`contain`,`intrinsic`]},alt:{description:`Альтернативный текст изображения.`,control:`text`},role:{description:`Семантическая роль тега изображения.`,control:`text`},ariaLabel:{description:`Явное доступное имя изображения.`,control:`text`},caption:{description:`Подпись изображения в режиме figure.`,control:`text`},fallback:{description:`Кастомный placeholder до загрузки.`,control:!1},useFigure:{description:`Оборачивает изображение в figure/figcaption.`,control:`boolean`},aspectRatio:{description:`Соотношение сторон контейнера.`,control:`text`},width:{description:`Ширина контейнера.`,control:`text`},height:{description:`Высота контейнера.`,control:`text`},intrinsicWidth:{description:`Исходная ширина изображения.`,control:`number`},intrinsicHeight:{description:`Исходная высота изображения.`,control:`number`},wrapperStyle:{description:`Inline-стили контейнера изображения.`,control:!1}}},s={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`cover`,width:`min(100%, 48rem)`,height:`24rem`}},c={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`contain`,width:`min(100%, 48rem)`,height:`24rem`,wrapperStyle:{background:`var(--surface-1)`}}},l={render:function(){let[e]=a();return(0,i.jsx)(r,{...e})},args:{layout:`intrinsic`,intrinsicWidth:1600,intrinsicHeight:1067}},s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
  render: function Render() {
    const [args] = useArgs<ImageRendererProps>();
    return <ImageRenderer {...args} />;
  },
  args: {
    layout: "cover",
    width: "min(100%, 48rem)",
    height: "24rem"
  }
}`,...s.parameters?.docs?.source}}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
  render: function Render() {
    const [args] = useArgs<ImageRendererProps>();
    return <ImageRenderer {...args} />;
  },
  args: {
    layout: "contain",
    width: "min(100%, 48rem)",
    height: "24rem",
    wrapperStyle: {
      background: "var(--surface-1)"
    }
  }
}`,...c.parameters?.docs?.source}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
  render: function Render() {
    const [args] = useArgs<ImageRendererProps>();
    return <ImageRenderer {...args} />;
  },
  args: {
    layout: "intrinsic",
    intrinsicWidth: 1600,
    intrinsicHeight: 1067
  }
}`,...l.parameters?.docs?.source}}},u=[`FixedCover`,`FixedContain`,`IntrinsicFullWidth`]})))()}d();export{c as FixedContain,s as FixedCover,l as IntrinsicFullWidth,u as __namedExportsOrder,o as default};