@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 588 B
JavaScript
import{jsx as r}from"react/jsx-runtime";import{memo as e}from"react";import"@mui/material";import n from"../../../../BrandCore/Icon/Icon.js";import a from"../../../../WebCore/IconButton/IconButton.js";import"../../../../BrandCore/primitiveVariables.js";const o=e(({playing:e,ended:o,seeking:t,buffering:i,handleAction:s})=>r(a,{disabled:i,loading:i,onClick:()=>s(),shape:"round",sizing:"xl",variation:"outlined",icon:r(n,{name:(()=>{switch(!0){case t&&o:return"replay";case t:return"play";case!e&&o:return"replay";case e:return"pause";default:return"play"}})()})}));export{o as default};