import{P as a}from"./PzText-D5PUnIjq.js";import{P as e}from"./PzInfoHint-DKG3kEnA.js";import"./iframe-Bl-fVlm8.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-cRuuou9i.js";import"./PzHint-DsiQRpYG.js";import"./floating-vue-C5xzxu-B.js";import"./floating-vue-ByDoVj13.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
  <PzInfoHint
    :info-content="[
      { id: 'deadline', title: 'Deadline', text: 'Shown in local time and aligned with the procurement schedule.' },
      { id: 'contact', title: 'Contact', text: 'Responsible contact details stay visible near the request label.' },
    ]"
  />
</template>`,g={title:"Components/Popups/PzInfoHint",component:e,parameters:{prototype:{caption:"Info hint component",note:"Specialized helper that composes the shared tooltip shell with the design-system help icon and structured info rows."},docs:{description:{component:"Use `PzInfoHint` for structured helper text that needs a consistent help icon. It renders each row from `infoContent` inside the shared `PzHint` wrapper and defaults to the dark tooltip theme."},source:{transform:p}}},args:{infoContent:o,wrapperClass:"",containerWrapperClass:"",placement:"top"},argTypes:{infoContent:{control:!1,description:"Structured rows shown inside the popper.",table:{category:"Slots"}},wrapperClass:{control:"text",description:"Additional class applied to the popper wrapper."},containerWrapperClass:{control:"text",description:"Additional class applied to the outer trigger container."},placement:{control:"select",options:["top","top-start"],description:"Tooltip placement relative to the trigger."}},render:s=>({components:{pzInfoHint:e,pzText:a},setup(){return{args:s,infoHintItems:o}},template:`
      <section class="pz-info-hint-story">
        <div class="pz-info-hint-story-header">
          <div>
            <span class="pz-info-hint-story-eyebrow">Component API</span>
            <pz-text variant="h4-bold">Structured info hint</pz-text>
          </div>
          <span class="pz-info-hint-story-chip">{{ args.placement }}</span>
        </div>

        <div class="pz-info-hint-story-preview">
          <pz-info-hint
            :info-content="args.infoContent"
            :wrapper-class="args.wrapperClass"
            :container-wrapper-class="args.containerWrapperClass"
            :placement="args.placement"
          />
        </div>

        <div class="pz-info-hint-story-gallery">
          <article
            v-for="item in infoHintItems"
            :key="item.id"
            class="pz-info-hint-story-card"
          >
            <p class="pz-info-hint-story-label">{{ item.title }}</p>
            <p class="pz-info-hint-story-copy">{{ item.text }}</p>
          </article>
        </div>
      </section>
    `})},t={};var n,i,r;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(r=(i=t.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};const w=["Playground"];export{t as Playground,w as __namedExportsOrder,g as default};
