@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
98 lines (97 loc) • 3.8 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: {
theme: any;
}) => {
'& .SCSuggestedEventsWidget-content': {
padding: string;
'& .SCSuggestedEventsWidget-title': {
marginBottom: string;
};
'& .SCSuggestedEventsWidget-swiper': {
position: string;
'& .swiper-wrapper': {
paddingBottom: string;
'& .SCSuggestedEventsWidget-swiper-slide': {
width: string;
height: string;
'& .SCSuggestedEventsWidget-event': {
'& .SCEventInfoDetails-root': {
'& h5': {
fontSize: string;
maxWidth: number;
textOverflow: string;
whiteSpace: string;
overflow: string;
};
'& .SCEventInfoDetails-icon-text-wrapper': {
gap: any;
'& .community-icons': {
fontSize: string;
};
'& p': {
marginTop: number;
fontSize: string;
};
};
};
};
};
};
'& .SCSuggestedEventsWidget-swiper-arrow': {
position: string;
top: string;
transform: string;
zIndex: number;
paddingLeft: string;
paddingRight: string;
minWidth: string;
backgroundColor: any;
};
'& .SCSuggestedEventsWidget-swiper-prev-arrow': {
left: string;
};
'& .SCSuggestedEventsWidget-swiper-next-arrow': {
right: string;
};
};
};
'& .SCSuggestedEventsWidget-actions': {
padding: string;
justifyContent: string;
'& .SCSuggestedEventsWidget-actionButton': {
color: any;
};
};
'& .SCEvent-skeleton-preview-name': {
marginTop: number;
marginBottom: number;
};
'& .SCEvent-skeleton-preview-actions': {
padding: number;
};
};
skeletonRoot: ({ theme }: {
theme: any;
}) => {
'& .SCSuggestedEventsWidget-content': {
padding: string;
'& .SCSuggestedEventsWidget-title': {
marginBottom: string;
};
'& .SCSuggestedEventsWidget-swiper-slide': {
width: string;
height: string;
};
};
'& .SCSuggestedEventsWidget-actions': {
padding: string;
justifyContent: string;
};
'& .SCEvent-skeleton-preview-actions': {
padding: number;
};
};
};
};
export default Component;