@selfcommunity/react-ui/lib/cjs/shared/LessonFilePreview/index.js

React UI Components to integrate a Community created with SelfCommunity Platform.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const classnames_1 = tslib_1.__importDefault(require("classnames"));
const material_1 = require("@mui/material");
const Media_1 = require("../../constants/Media");
const PREFIX = 'SCLessonFilePreview';
const classes = {
    root: `${PREFIX}-root`,
    item: `${PREFIX}-item`,
    title: `${PREFIX}-title`
};
const Root = (0, material_1.styled)(material_1.Box, {
    name: PREFIX,
    slot: 'Root',
    overridesResolver: (props, styles) => styles.root
})(() => ({}));
function LessonFilePreview(props) {
    // PROPS
    const { className, media } = props;
    /**
     * Renders component
     */
    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } }, { children: media.title && ((0, jsx_runtime_1.jsx)(material_1.Link, Object.assign({ href: media.url, target: "_blank", rel: "noopener noreferrer" }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.title }, { children: [media.type === Media_1.MEDIA_TYPE_DOCUMENT && (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "picture_as_pdf" }), media.title] })) }))) }), media.id));
}
exports.default = LessonFilePreview;