Does anyone have an example of using themr with pure function components vs. classes and how to provide a default theme and then override that theme from a parent container? I've searched through the readmes and issue log and I'm not finding anything solid as an example for this case.
/* ParentContainer.js */
import React from 'react';
import { render } from 'react-dom';
import parentTheme from './parentTheme.module.scss';
import Button from './Button';
render(
<Button theme={ parentTheme } />,
document.getElementById('app');
);
Default theme seems to work fine and the button component displays the default styles no problem. However, nothing happens when the parent passes a theme down.
Does anyone have an example of using themr with pure function components vs. classes and how to provide a default theme and then override that theme from a parent container? I've searched through the readmes and issue log and I'm not finding anything solid as an example for this case.
Here's my thought on how it should work
Default theme seems to work fine and the button component displays the default styles no problem. However, nothing happens when the parent passes a theme down.