@cimpress/react-components/dist/src/Carousel/CarouselFallback.js

React components to support the MCP styleguide

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const css_1 = require("@emotion/css");
const react_1 = __importDefault(require("react"));
const colors_1 = require("../colors");
const divCss = (0, css_1.css) `
  transform: translate3d(0, 0, 0);
  left: 0;
  transition: transform 0.6s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000px;
`;
const CarouselFallback = () => (react_1.default.createElement("div", { className: divCss, style: {
        backgroundColor: colors_1.silver,
        height: '100%',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        flexDirection: 'column',
    } },
    react_1.default.createElement("p", { className: "text-center", style: { color: colors_1.slate, marginBottom: 0 } }, "No image available")));
exports.default = CarouselFallback;
//# sourceMappingURL=CarouselFallback.js.map