@cimpress/react-components
Version:
React components to support the MCP styleguide
23 lines • 898 B
JavaScript
import React from 'react';
import { css } from '@emotion/css';
import { Spinner } from '../Spinner';
import { silver } from '../colors';
const getSpinnerSizeString = (spinnerSize) => spinnerSize >= 72 ? 'large' : spinnerSize >= 38 ? 'medium' : 'small';
const itemActiveCss = css `
transform: translate3d(0, 0, 0);
left: 0;
`;
const CarouselLoading = ({ size }) => {
const spinnerSize = size / 3;
return (React.createElement("div", { className: itemActiveCss, style: {
backgroundColor: silver,
height: '100%',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
} },
React.createElement("div", { style: { height: spinnerSize } },
React.createElement(Spinner, { size: getSpinnerSizeString(spinnerSize) }))));
};
export default CarouselLoading;
//# sourceMappingURL=CarouselLoading.js.map