@selfcommunity/react-theme-default/lib/cjs/components/SCMediaLink.d.ts

Default theme to use with SelfCommunity TS library

declare const Component: {
    styleOverrides: {
        displayRoot: ({ theme }: any) => {
            marginTop: any;
            '& .SCMediaLink-link': {
                position: string;
                backgroundColor: string;
                margin: any;
                padding: any;
            };
            '& .SCMediaLink-video': {
                margin: string;
                height: number;
            };
            '& .SCMediaLink-html-wrap': {
                position: string;
                marginLeft: any;
                marginRight: any;
                '& .SCMediaLink-html': {
                    width: string;
                    position: string;
                    top: number;
                    zIndex: number;
                    '& iframe': {
                        width: string;
                        margin: string;
                    };
                };
                '& .SCMediaLink-html-placeholder': {
                    width: string;
                    position: string;
                    top: number;
                    zIndex: number;
                    '& .SCMediaLink-html-loading': {
                        position: string;
                        display: string;
                        top: string;
                        left: string;
                    };
                };
            };
            '& .SCMediaLink-thumbnail': {
                [x: number]: {
                    maxWidth: number;
                    width: string;
                    float: string;
                };
                border: string;
                borderRadius: number;
                paddingTop: any;
                margin: any;
            };
            '& .SCMediaLink-image': {
                backgroundSize: string;
                backgroundPosition: string;
                backgroundRepeat: string;
                backgroundColor: string;
                paddingBottom: number;
            };
            '& .SCMediaLink-snippet': {
                padding: any;
                '& .SCMediaLink-snippet-title': {};
                '& .SCMediaLink-snippet-description': {
                    fontSize: string;
                };
                '& a': {
                    fontSize: string;
                    fontStyle: string;
                };
            };
        };
        layerRoot: ({ theme }: any) => {
            '& .SCMediaLink-content': {
                '& form button[type=submit]': {
                    fontWeight: any;
                };
            };
        };
        previewRoot: ({ theme }: any) => {
            '& .SCMediaLink-media': {
                position: string;
                '& .SCMediaLink-html-wrap': {
                    '& .SCMediaLink-html': {
                        width: string;
                        position: string;
                        zIndex: number;
                        '& iframe': {
                            width: string;
                            margin: string;
                        };
                    };
                    '& .SCMediaLink-html-placeholder': {
                        width: string;
                        position: string;
                        top: number;
                        zIndex: number;
                        '& .SCMediaLink-html-loading': {
                            position: string;
                            display: string;
                            top: string;
                            left: string;
                        };
                    };
                };
                '& .SCMediaLink-delete': {
                    background: any;
                    position: string;
                    right: any;
                    top: any;
                    zIndex: number;
                };
                '&.SCMediaLink-media-video .SCMediaLink-delete': {
                    background: any;
                    right: any;
                    top: any;
                };
            };
        };
        triggerRoot: () => {};
    };
};
export default Component;