@selfcommunity/react-theme-default/lib/cjs/components/SCPreviewMediaLink.js

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const system_1 = require("@mui/system");
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            '& .SCPreviewMediaLink-preview-link': {
                position: 'relative',
                backgroundColor: '#F5F5F5',
                margin: theme.spacing(1, 0),
                padding: theme.spacing(1)
            },
            '& .SCPreviewMediaLink-preview-video': {
                margin: '10px 0px',
                height: 360
            },
            '& .SCPreviewMediaLink-thumbnail': {
                border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
                borderRadius: theme.shape.borderRadius * 0.75,
                paddingTop: theme.spacing(1),
                margin: theme.spacing(1, 2, 1, 1),
                [theme.breakpoints.up('sm')]: {
                    maxWidth: 200,
                    width: '100%',
                    float: 'left'
                }
            },
            '& .SCPreviewMediaLink-image': {
                backgroundSize: 'contain !important',
                backgroundPosition: 'center !important',
                backgroundRepeat: 'no-repeat !important',
                backgroundColor: '#FFF !important',
                paddingBottom: 120
            },
            '& .SCPreviewMediaLink-snippet': {
                padding: theme.spacing(2),
                '& .SCPreviewMediaLink-snippet-title': {},
                '& .SCPreviewMediaLink-snippet-description': {
                    fontSize: '0.857rem'
                },
                '& a': {
                    fontSize: '1rem',
                    fontStyle: 'italic'
                }
            }
        })
    }
};
exports.default = Component;