@brizy/media-gallery
Version:
69 lines (68 loc) • 2.63 kB
JavaScript
import React from "react";
import { useTranslation } from "../../../../locale/useTranslation";
import { Card } from "@brizy/ui/lib/Card";
import { DuplicateReversed } from "@brizy/ui-icons/lib/icons/DuplicateReversed";
import { EditableDetailItem } from "../../common/EditableDetailItem";
import { DetailItem } from "../../common/DetailItem";
import { TypographyParagraph } from "@brizy/ui/lib/Typography/Paragraph";
import { Divider } from "@brizy/ui/lib/Divider";
import { LayoutSection } from "@brizy/ui/lib/Layout/Section";
import { Layout } from "@brizy/ui/lib/Layout";
var cardSize = {
custom: [
21,
29,
0,
39
]
};
var layoutGutter = [
0,
18
];
export var Content = function(param) {
var name = param.name, altTitle = param.altTitle, dimensions = param.dimensions, url = param.url, fileType = param.fileType, size = param.size, onCopy = param.onCopy;
var t = useTranslation().t;
return /*#__PURE__*/ React.createElement(Card, {
size: cardSize,
width: "100%",
color: "transparent",
borderStyle: "none"
}, /*#__PURE__*/ React.createElement(Layout, {
gutter: layoutGutter,
alignY: "middle"
}, /*#__PURE__*/ React.createElement(LayoutSection, null), /*#__PURE__*/ React.createElement(LayoutSection, {
span: 8
}, /*#__PURE__*/ React.createElement(TypographyParagraph, {
ellipsis: true,
size: "xsmall",
color: "white",
strong: true
}, t("DETAILS"))), /*#__PURE__*/ React.createElement(LayoutSection, {
push: 1,
span: 16
}, /*#__PURE__*/ React.createElement(Divider, {
color: "gray-darkest"
})), /*#__PURE__*/ React.createElement(LayoutSection, null), /*#__PURE__*/ React.createElement(EditableDetailItem, {
title: t("File Name"),
value: name.value,
onChange: name.onChange,
loading: name.loading
}), dimensions && /*#__PURE__*/ React.createElement(DetailItem, {
title: t("Dimensions")
}, dimensions), /*#__PURE__*/ React.createElement(DetailItem, {
title: t("File Size")
}, size), /*#__PURE__*/ React.createElement(DetailItem, {
title: t("File Type")
}, fileType), /*#__PURE__*/ React.createElement(EditableDetailItem, {
title: t("Alt Title"),
value: altTitle.value,
onChange: altTitle.onChange,
loading: altTitle.loading,
placeholder: "No Title Added"
}), /*#__PURE__*/ React.createElement(DetailItem, {
title: t("File URL"),
icon: DuplicateReversed,
onIconClick: onCopy
}, url)));
};