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

Default theme to use with SelfCommunity TS library

declare const Component: {
    styleOverrides: {
        displayRoot: ({ theme }: any) => {
            textAlign: string;
            margin: string;
            width: string;
            position: string;
            gap: any;
            '& .SCMediaFile-background': {
                backgroundSize: string;
                backgroundPosition: string;
                backgroundRepeat: string;
            };
            '& .SCMediaFile-background-portrait': {
                backgroundSize: string;
                backgroundPosition: string;
                backgroundRepeat: string;
            };
            '& .SCMediaFile-height-one': {
                width: string;
                paddingTop: string;
            };
            '& .SCMediaFile-height-half-one': {
                paddingTop: string;
            };
            '& .SCMediaFile-height-two': {
                width: string;
                paddingTop: string;
            };
            '& .SCMediaFile-height-three': {
                width: string;
                paddingTop: string;
            };
            '& .SCMediaFile-cover': {
                backgroundColor: string;
                opacity: number;
                position: string;
                right: number;
                top: number;
                left: number;
                bottom: number;
            };
            '& .SCMediaFile-cover-text': {
                right: number;
                left: number;
                bottom: number;
                color: string;
                fontSize: string;
                position: string;
                top: string;
                transform: string;
                textAlign: string;
                '& > p': {
                    margin: number;
                    position: string;
                    top: string;
                    left: string;
                    transform: string;
                };
            };
            '& .SCMediaFile-slide': {
                height: number;
                bottom: string;
                overflow: string;
                fontSize: string;
                color: string;
            };
            '& .SCMediaFile-border': {
                position: string;
                border: string;
                '&:hover > div': {
                    bottom: number;
                    height: string;
                };
                '&:hover > div.animate-text': {
                    top: string;
                };
            };
            '& .SCMediaFile-gallery': {
                cursor: string;
            };
            '& .SCMediaFile-title .MuiTypography-root': {
                color: string;
                backgroundColor: any;
                opacity: number;
            };
            '& .SCMediaFile-icon-file': {
                fontSize: number;
                position: string;
                top: number;
            };
            '& .SCMediaFile-docs-wrapper': {
                gap: any;
            };
        };
        lightboxRoot: () => {};
        previewRoot: ({ theme }: any) => {
            display: string;
            flexDirection: string;
            gap: any;
            '& > div:not(.SCMediaFile-docs-wrapper)': {
                display: string;
                flexDirection: string;
                flexWrap: string;
                maxWidth: string;
                overflow: string;
                scrollbarWidth: string;
                '& .SCMediaFile-media': {
                    backgroundSize: string;
                    backgroundPosition: string;
                    position: string;
                    borderRadius: number;
                    margin: any;
                    width: number;
                    height: number;
                    flexBasis: number;
                    flexGrow: number;
                    flexShrink: number;
                    '& .SCMediaFile-title': {
                        position: string;
                        left: any;
                        top: any;
                        borderRadius: any;
                        background: string;
                        color: any;
                        fontSize: string;
                        padding: any;
                        maxWidth: number;
                        textOverflow: string;
                        overflow: string;
                        whiteSpace: string;
                    };
                    '& .SCMediaFile-delete': {
                        background: any;
                        position: string;
                        right: any;
                        top: any;
                    };
                };
                '&:has(> :last-child:nth-of-type(1)) .SCMediaFile-media': {
                    width: string;
                    flexBasis: string;
                    height: number;
                    margin: any;
                    '& .SCMediaFile-title': {
                        fontSize: string;
                        maxWidth: number;
                    };
                };
            };
            '& .SCMediaFile-docs-wrapper': {
                display: string;
                flexDirection: string;
                gap: any;
            };
        };
        triggerRoot: () => {};
        triggerDrawerRoot: () => {
            zIndex: number;
        };
        triggerMenuRoot: () => {};
        docRoot: ({ theme }: {
            theme: any;
        }) => {
            border: string;
            borderRadius: string;
            padding: any;
            flexDirection: string;
            gap: string;
            '& .SCMediaFile-image-wrapper': {
                flexShrink: number;
                padding: number;
                '&:hover': {
                    backgroundColor: string;
                };
            };
            '& .SCMediaFile-text-wrapper': {
                [x: number]: {
                    maxWidth: string;
                };
                gap: string;
                '& .SCMediaFile-title': {
                    textAlign: string;
                    display: string;
                    '-webkit-line-clamp': string;
                    '-webkit-box-orient': string;
                    overflow: string;
                };
                '& .SCMediaFile-subtitle': {
                    textAlign: string;
                    color: any;
                };
            };
            '& .SCMediaFile-action-wrapper': {
                flexDirection: string;
                gap: string;
                marginLeft: string;
                '& .SCMediaFile-action': {
                    '&:hover': {
                        backgroundColor: any;
                    };
                };
            };
        };
    };
};
export default Component;