@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
22 lines • 1.49 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Done, ErrorRounded, InfoRounded, WarningRounded, } from '@mui/icons-material';
import { darken } from '@mui/material';
import { CircularIcon, CircularProgressPending, } from './CircularProgress.style.js';
export function CircularProgress({ process }) {
return (_jsxs(CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? (_jsx(CircularProgressPending, { size: 40 })) : null, process.status === 'ACTION_REQUIRED' ? (_jsx(InfoRounded, { color: "info", sx: {
position: 'absolute',
fontSize: '1.5rem',
} })) : null, process.status === 'DONE' &&
(process.substatus === 'PARTIAL' || process.substatus === 'REFUNDED') ? (_jsx(WarningRounded, { sx: (theme) => ({
position: 'absolute',
fontSize: '1.5rem',
color: darken(theme.palette.warning.main, 0.32),
}) })) : process.status === 'DONE' ? (_jsx(Done, { color: "success", sx: {
position: 'absolute',
fontSize: '1.5rem',
} })) : null, process.status === 'FAILED' ? (_jsx(ErrorRounded, { color: "error", sx: {
position: 'absolute',
fontSize: '1.5rem',
} })) : null] }));
}
//# sourceMappingURL=CircularProgress.js.map