How to use react-css-super-themr - 10 common examples

Footer.defaultProps = {
  // text: '',
  theme: {
    footer: '',
    footerText: '',
  },
};

Footer.propTypes = {
  theme: PT.shape({
    footer: PT.string.isRequired,
    footerText: PT.string,
  }),
};

export default themr('Footer', defaultStyle)(Footer);

Footer.defaultProps = {
  // text: '',
  theme: {
    footer: '',
    footerText: '',
  },
};

Footer.propTypes = {
  theme: PT.shape({
    footer: PT.string.isRequired,
    footerText: PT.string,
  }),
};

export default themr('Footer', defaultStyle)(Footer);

Footer.defaultProps = {
  // text: '',
  theme: {
    footer: '',
    footerText: '',
  },
};

Footer.propTypes = {
  theme: PT.shape({
    footer: PT.string.isRequired,
    footerText: PT.string,
  }),
};

export default themr('Footer', defaultStyle)(Footer);

},
    getDocuSignUrl: (tokens, templateId, returnUrl) => {
      dispatch(actions.terms.getDocuSignUrlInit(templateId));
      dispatch(actions.terms.getDocuSignUrlDone(templateId, returnUrl, tokens.tokenV2));
    },
    agreeTerms: (tokens, termId) => {
      dispatch(actions.terms.agreeTermInit(termId));
      dispatch(actions.terms.agreeTermDone(termId, tokens.tokenV2));
    },
  };
}

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(themr('Contentful-Blog', styles)(TermsDetailPageContainer));

link: PT.shape({
    title: PT.string.isRequired,
    url: PT.string.isRequired,
  }),
  theme: PT.shape({
    container: PT.string,
    image: PT.string,
    content: PT.string,
    title: PT.string,
    text: PT.string,
    linkWrap: PT.string,
    link: PT.string,
  }),
};

export default themr('tcCommunities-ArticleCard', defaultStyle)(ArticleCard);

container: PT.string,
    titleList: PT.string,
    titleListItem: PT.string,
    titleListItemSelected: PT.string,
    content: PT.string,
    outerContainer: PT.any,
    description: PT.any,
  }),
  title: PT.string,
  description: PT.string,
  preview: PT.bool,
  spaceName: PT.string,
  environment: PT.string,
};

export default themr('Contentful-Accordion', defaultStyle)(Accordion);

);
}

ArticleCard.propTypes = {
  title: PT.string.isRequired,
  theme: PT.shape({
    container: PT.string,
    content: PT.string,
    title: PT.string,
    video: PT.string,
  }).isRequired,
  url: PT.string.isRequired,
};

export default themr('tcCommunities-ArticleCard', defaultStyle)(ArticleCard);

);
}

Text.defaultProps = {
  theme: {},
};

Text.propTypes = {
  children: PT.node.isRequired,
  theme: PT.shape({
    container: PT.string,
  }),
};

export default themr('tcCommunities-Text', defaultStyle)(Text);

link: PT.shape({
    openNewTab: PT.bool,
    title: PT.string.isRequired,
    url: PT.string.isRequired,
  }),
  theme: PT.shape({
    container: PT.string,
    icon: PT.string,
    title: PT.string,
    text: PT.string,
    linkWrap: PT.string,
    link: PT.string,
  }),
};

export default themr('tcCommunities-ResourceCard', defaultStyle)(ResourceCard);

import { Button as GenericButton } from 'topcoder-react-utils';
import { themr } from 'react-css-super-themr';

import defaultTag from './default.scss';

import dataScienceTrackTag from './primary/data-science.scss';
import designTrackTag from './primary/design.scss';
import developmentTrackTag from './primary/develop.scss';

import dataScienceTrackEventTag from './event/data-science.scss';
import designTrackEventTag from './event/design.scss';
import developmentTrackEventTag from './event/develop.scss';

export const Tag =
  themr('Tag', defaultTag)(GenericButton);

export const DataScienceTrackTag =
  themr('DataScienceTrackTag', dataScienceTrackTag)(GenericButton);
export const DataScienceTrackEventTag =
  themr('DataScienceTrackEventTag', dataScienceTrackEventTag)(GenericButton);

export const DesignTrackTag =
  themr('DesignTrackTag', designTrackTag)(GenericButton);
export const DesignTrackEventTag =
  themr('DesignTrackEventTag', designTrackEventTag)(GenericButton);

export const DevelopmentTrackTag =
  themr('DevelopmentTrackTag', developmentTrackTag)(GenericButton);
export const DevelopmentTrackEventTag =
  themr('DevelopmentTrackEventTag', developmentTrackEventTag)(GenericButton);