import{j as o}from"./iframe-B8FSoBNY.js";import{c}from"./compiler-runtime-BXE7OOXE.js";import{S as i}from"./separator-CQkMOHNm.js";import{T as x}from"./index-cFwdnc0b.js";import{H as f}from"./h-stack-DWHd8f97.js";import{B as u}from"./index-B0y2_lLF.js";import"./preload-helper-PPVm8Dsz.js";import"./create-recipe-context-BU56IzEo.js";import"./factory-DAJZwK4o.js";import"./stack-CN4X31TA.js";const p=l=>{const e=c.c(7),{fromModel:m,toModel:n}=l;let t;e[0]===Symbol.for("react.memo_cache_sentinel")?(t=o.jsx(i,{flex:"1",variant:"dashed"}),e[0]=t):t=e[0];let r;e[1]!==m||e[2]!==n?(r=o.jsxs(x,{textStyle:"label/XS/regular",color:"fg.muted",textAlign:"center",flexShrink:"0",children:["Model changed from ",m," to ",n,"."]}),e[1]=m,e[2]=n,e[3]=r):r=e[3];let a;e[4]===Symbol.for("react.memo_cache_sentinel")?(a=o.jsx(i,{flex:"1",variant:"dashed"}),e[4]=a):a=e[4];let s;return e[5]!==r?(s=o.jsxs(f,{width:"full",gap:"xs",py:"xs",align:"center",children:[t,r,a]}),e[5]=r,e[6]=s):s=e[6],s};p.__docgenInfo={description:"",methods:[],displayName:"ModelSwapSeparator",props:{fromModel:{required:!0,tsType:{name:"string"},description:""},toModel:{required:!0,tsType:{name:"string"},description:""}}};const B={title:"Chat UI/Model Swap Separator",component:p,parameters:{layout:"padded"}},d={render:l=>o.jsx(u,{maxW:"960px",w:"full",borderWidth:"1px",borderRadius:"md",bg:"bg",p:"md",children:o.jsx(p,{...l})}),args:{fromModel:"GPT-5.3-Codex",toModel:"GPT-5.2"}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
  render: args => <Box maxW="960px" w="full" borderWidth="1px" borderRadius="md" bg="bg" p="md">
      <ModelSwapSeparator {...args} />
    </Box>,
  args: {
    fromModel: "GPT-5.3-Codex",
    toModel: "GPT-5.2"
  }
}`,...d.parameters?.docs?.source}}};const G=["Default"];export{d as Default,G as __namedExportsOrder,B as default};
