UNPKG

@szum-tech/design-system

Version:

Szum-Tech design system with tailwindcss support

1 lines 1.28 kB
'use strict';var chunkD5PAWOAZ_cjs=require('./chunk-D5PAWOAZ.cjs'),a=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var a__namespace=/*#__PURE__*/_interopNamespace(a);function x({className:n,reverse:t=false,pauseOnHover:i=false,children:l,vertical:e=false,repeat:s=4,ariaLabel:f,ariaLive:p="off",ariaRole:m="region",...u}){let d=a__namespace.useRef(null);return jsxRuntime.jsx("div",{...u,ref:d,"data-slot":"marquee",className:chunkD5PAWOAZ_cjs.a("group flex gap-(--gap) overflow-hidden p-2 [--duration:40s] [--gap:1rem]",{"flex-row":!e,"flex-col":e},n),"aria-label":f,"aria-live":p,role:m,tabIndex:0,children:a__namespace.useMemo(()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:Array.from({length:s},(v,c)=>jsxRuntime.jsx("div",{className:chunkD5PAWOAZ_cjs.a("flex shrink-0 justify-around gap-(--gap)",e?"animate-marquee-vertical flex-col":"animate-marquee flex-row",i&&"group-hover:paused",t&&"direction-reverse"),children:l},c))}),[s,l,e,i,t])})}exports.a=x;