UNPKG

@blossom-carousel/react

Version:

A native-scroll-first carousel component for React.

2 lines (1 loc) 944 B
(function(e,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("@blossom-carousel/core"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@blossom-carousel/core","react"],s):(e=typeof globalThis<"u"?globalThis:e||self,s(e.BlossomCarousel={},e.React,e.BlossomCarouselCore,e.React))})(this,(function(e,s,i,r){"use strict";const u=r.forwardRef(({children:c,as:f="div",repeat:l=!1,...m},d)=>{const a=f,t=r.useRef(null),n=r.useRef(null);return r.useEffect(()=>{if(!t.current)return;const o=i.Blossom(t.current,{repeat:l});return n.current=o,o.init(),()=>{o.destroy()}},[l]),r.useImperativeHandle(d,()=>({prev:o=>n.current?.prev(o),next:o=>n.current?.next(o),element:t.current}),[]),s.jsx(a,{ref:t,"blossom-carousel":"true",...m,children:c})});u.displayName="BlossomCarousel",e.BlossomCarousel=u,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));