primereact/carousel/indicators/index.mjs

A rich set of premium UI Components for React.

'use client';

import{Component as I,withComponent as x}from"@primereact/core/component";import{mergeProps as g}from"@primeuix/utils";import*as e from"react";import{createOptionalContext as d}from"@primereact/core/utils";var[y,a]=d();import{Component as f,withComponent as C}from"@primereact/core/component";import{mergeProps as P}from"@primeuix/utils";import*as m from"react";var c={as:"button",page:void 0};var u=C({name:"Carousel.Indicator",defaultProps:c,setup(o){let t=a(),s=t?.state.page===o.props.page;return{carousel:t,isActive:s}},render(o){let{props:t,ptmi:s,carousel:r,isActive:p}=o,n=P(r?.getIndicatorProps(t.page??0),{className:r?.cx("indicator",{active:p})},r?.ptm("indicator"),s("root"));return m.createElement(f,{instance:o,attrs:n,children:t.children})}});var l={as:"div"};var B=x({name:"Carousel.Indicators",defaultProps:l,setup(){return{carousel:a()}},render(o){let{props:t,ptmi:s,carousel:r}=o,p=g(r?.indicatorsProps,{className:r?.cx("indicators")},r?.ptm("indicators"),s("root"));return e.createElement(I,{instance:o,attrs:p,children:t.children??e.createElement(e.Fragment,null,Array.from(r?.state.snapPoints??[]).map((n,i)=>e.createElement(u,{key:`page-${i}`,page:i})))})}});export{B as CarouselIndicators,l as defaultIndicatorsProps};