@brizy/media-gallery/lib/components/EmptyStack.js

Media Gallery

import { NothingSelected } from "@brizy/ui-icons/lib/icons/NothingSelected";
import React from "react";
import { Align } from "@brizy/ui/lib/Align";
import { TypographyParagraph } from "@brizy/ui/lib/Typography/Paragraph";
import { Card } from "@brizy/ui/lib/Card";
import { Icon } from "@brizy/ui/lib/Icon";
import { Space } from "@brizy/ui/lib/Space";
var spacingBetweenIconAndText = [
    14,
    0,
    10
];
export var EmptyStack = function(param) {
    var title = param.title, description = param.description;
    return /*#__PURE__*/ React.createElement(Align, {
        alignY: "center",
        align: "center"
    }, /*#__PURE__*/ React.createElement(Card, {
        width: "280px",
        borderStyle: "none",
        color: "transparent"
    }, /*#__PURE__*/ React.createElement(Icon, {
        source: NothingSelected,
        size: "30px"
    }), /*#__PURE__*/ React.createElement(Space, {
        spacing: spacingBetweenIconAndText
    }, /*#__PURE__*/ React.createElement(TypographyParagraph, {
        ellipsis: true,
        color: "white",
        align: "center",
        size: "xlarge",
        strong: true
    }, title)), /*#__PURE__*/ React.createElement(TypographyParagraph, {
        ellipsis: true,
        color: "gray",
        align: "center"
    }, description)));
};