primereact
Version:
A rich set of premium UI Components for React.
4 lines (2 loc) • 916 B
JavaScript
'use client';
import{Component as c,withComponent as b}from"@primereact/core/component";import{mergeProps as d}from"@primeuix/utils";import*as s from"react";import{createOptionalContext as m}from"@primereact/core/utils";var[f,p]=m();var n={as:"div",value:void 0};var C=b({name:"Tabs.Panel",defaultProps:n,setup(r){let{props:o}=r,e=p(),t=s.useMemo(()=>e?.isItemActive(o.value)??!1,[e,o.value]),a={id:`${e?.id}_tabpanel_${o.value}`,role:"tabpanel",tabIndex:t?e?.props.tabIndex:-1,"aria-labelledby":`${e?.id}_tab_${o.value}`,...t&&{"data-active":""},...e?.scrollStateAttrs};return{tabs:e,active:t,panelProps:a}},render(r){let{props:o,ptmi:e,tabs:t,active:a,panelProps:l}=r,i=d(l,{className:t?.cx("panel",{active:a}),style:{display:a?"block":"none"}},t?.ptm("panel"),e("root"));return s.createElement(c,{pIf:t?.props?.lazy?a:!0,instance:r,attrs:i,children:o.children})}});export{C as TabsPanel,n as defaultPanelProps};