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

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            borderRadius: 0,
            boxShadow: 'none',
            '& .SCPaymentProductPrice-primary': {
                fontSize: '18px',
                fontWeight: '600 !important',
                color: `${theme.palette.primary.main} !important`
            },
            '& .SCPaymentProductPrice-button': {
                textTransform: 'uppercase',
                '&:hover, &:active': {
                    backgroundColor: theme.palette.common.white,
                    color: theme.palette.primary.main,
                    border: `1px solid ${theme.palette.primary.main}`,
                    '& .MuiIcon-root': {
                        color: theme.palette.primary.main
                    }
                }
            },
            '& .SCPaymentProductPrice-button-purchased': {
                backgroundColor: `${theme.palette.secondary.main} !important`,
                color: `${theme.palette.secondary.contrastText} !important`
            },
            '& .SCPaymentProductPrice-purchased-at': {
                textDecoration: 'underline'
            }
        }),
        skeletonRoot: ({ theme }) => ({
            borderRadius: 0
        })
    }
};
exports.default = Component;