primereact/stepper/panel/index.mjs

A rich set of premium UI Components for React.

'use client';

import{Component as v,withComponent as x}from"@primereact/core/component";import{useMotion as S}from"@primereact/core/motion";import{mergeProps as d}from"@primeuix/utils";import*as s from"react";import{createOptionalContext as f}from"@primereact/core/utils";var[C,a]=f();import{createOptionalContext as P}from"@primereact/core/utils";var[V,c]=P();var l={as:"div",value:void 0};var j=x({name:"Stepper.Panel",defaultProps:l,setup(o){let{props:n}=o,t=a(),e=c(),p=s.useMemo(()=>e?e?.props?.value:n.value,[n.value,t?.state.value,e?.active]),r=s.useMemo(()=>t?.isStepActive(p),[p,t?.state.value]),i=S({cssVarPrefix:"px-stepper-panel",...t?.props.motionProps,elementRef:o.elementRef,visible:r});return{stepper:t,stepperitem:e,activeValue:p,active:r,motion:i}},render(o){let{props:n,ptmi:t,stepper:e,stepperitem:p,active:r,activeValue:i,motion:m}=o,u=d(e?.getPanelProps({active:r,activeValue:i}),{className:e?.cx("panel",{isVertical:!!p,active:r})},e?.ptm("panel"),t("root"),m?.rootProps);return s.createElement(v,{pIf:p?m.state.rendered:r,instance:o,attrs:u,children:n.children})}});export{j as StepperPanel,l as defaultPanelProps};