@brizy/media-gallery
Version:
45 lines (44 loc) • 1.64 kB
JavaScript
import React from "react";
import { TypographyText } from "@brizy/ui/lib/Typography/Text";
import { Icon } from "@brizy/ui/lib/Icon";
import { ArrowRight } from "@brizy/ui-icons/lib/icons/ArrowRight";
import { Align } from "@brizy/ui/lib/Align";
import { Card } from "@brizy/ui/lib/Card";
import { StarShapes } from "@brizy/ui-icons/lib/icons/StarShapes";
import { Space } from "@brizy/ui/lib/Space";
import { Button } from "@brizy/ui/lib/Button";
import { useTranslation } from "../../../locale/useTranslation";
var spacingBetweenIconAndText = [
14,
0,
10
];
export var Empty = function(param) {
var onGoToApiKey = param.onGoToApiKey;
var t = useTranslation().t;
return /*#__PURE__*/ React.createElement(Align, {
alignY: "center",
align: "center"
}, /*#__PURE__*/ React.createElement(Card, {
borderStyle: "none",
color: "transparent"
}, /*#__PURE__*/ React.createElement(Icon, {
source: StarShapes,
size: "30px"
}), /*#__PURE__*/ React.createElement(Space, {
spacing: spacingBetweenIconAndText
}, /*#__PURE__*/ React.createElement(TypographyText, {
size: "xlarge",
strong: true
}, t("To generate images, please provide a Gemini API key in API settings."))), /*#__PURE__*/ React.createElement(Align, {
alignY: "center",
align: "center"
}, /*#__PURE__*/ React.createElement(Button, {
type: "primary",
hoverColor: "dark",
onClick: onGoToApiKey
}, t("Add API key"), /*#__PURE__*/ React.createElement(Icon, {
source: ArrowRight,
color: "inherit"
})))));
};