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

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            gap: theme.spacing(0.5),
            '& .SCEventInfoDetails-icon-text-wrapper': {
                flexDirection: 'row',
                alignItems: 'center',
                gap: theme.spacing(0.75),
                '& > p': {
                    textTransform: 'capitalize'
                },
                '& .SCEventInfoDetails-link': {
                    textDecoration: 'none',
                    color: theme.palette.text.primary,
                    '&:hover': {
                        textDecoration: 'underlined'
                    },
                    '& .SCEventInfoDetails-url': {
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        display: '-webkit-box',
                        '-webkit-line-clamp': '1',
                        '-webkit-box-orient': 'vertical'
                    }
                },
                '& .SCEventInfoDetails-join-live': {
                    height: 20
                },
                '& .SCEventInfoDetails-in-progress': {
                    width: '6px',
                    height: '6px',
                    borderRadius: '9999px',
                    backgroundColor: theme.palette.secondary.main
                }
            },
            '& .SCEventInfoDetails-creation-wrapper': {
                flexDirection: 'row',
                alignItems: 'center',
                gap: theme.spacing(1)
            }
        })
    }
};
exports.default = Component;