import{aJ as d,ao as n,L as g,a_ as h,av as _,bC as m}from"./app-k0jcl5PQ.js";import{C as v}from"./BHJbqrq4.chunk.js";const C="_buttonContainer_1pl2q_1",u="_left_1pl2q_7",x="_right_1pl2q_13",f="_button_1pl2q_1",b="_hoverText_1pl2q_35",$="_chevron_1pl2q_42",N="_extendedClickableArea_1pl2q_42",k="_gradientRight_1pl2q_54",q="_gradientLeft_1pl2q_54",L="_topPos_1pl2q_81",t={buttonContainer:C,left:u,right:x,button:f,hoverText:b,chevron:$,extendedClickableArea:N,gradientRight:k,gradientLeft:q,topPos:L},j="shared.widgetButton",o=g.encloseNamespace(j);var R=(e=>(e[e.Left=0]="Left",e[e.Right=1]="Right",e))(R||{});const T=d.memo(function(e){const s=e.direction===0,l=s?m:v;function r(){let a=t.topPos;return s?a+=` ${t.left} ${e.leftButtonClassName}`:a+=` ${t.right} ${e.rightButtonClassName}`,a}function c(){var a,i;return((a=e.state)==null?void 0:a.contents)==="videos"?{paddingBottom:56.25/((i=e.state)==null?void 0:i.viewableItems)+"%"}:{height:"100%"}}return e.hide?n.jsx(n.Fragment,{}):n.jsxs("div",{className:`${t.buttonContainer} ${e.containerClassName?e.containerClassName:""}`,style:c(),children:[e.useGradientBackdrop&&n.jsx("div",{className:s?`${t.gradientLeft} ${e.leftGradientClassName}`:`${t.gradientRight} ${e.rightGradientClassName}`}),!e.hideExtendedClickableArea&&n.jsx("button",{onClick:e.onClick,className:`${t.extendedClickableArea} ${s?t.left:t.right}`,tabIndex:-1}),n.jsxs("button",{className:`${r()} ${t.button} ${e.className||""}`,onClick:e.onClick,"aria-label":o(s?"previous":"next"),children:[e.hoverText&&n.jsx("span",{className:`ps-3 pe-2 ${t.hoverText}`,children:e.hoverText}),n.jsx(h,{svg:l,size:_.Medium,className:`svg-container d-inline-block ${t.chevron}`})]})]})});export{T as W,R as a};
//# sourceMappingURL=BrY2bcAL.chunk.js.map
