styles.js

const styles = ({ props, state, context }) => ({
  display: 'block',
  fontSize: props.large ? '18px' : '12px',
  
  ...(context.grid && {
    display: 'inline-block',
    border: '1px solid'
  }),
  
  heading: {
    fontWeight: 'bold',
    color: 'red'
  },
  
  content: {
    padding: '1em',
    display: state.isActive ? 'block' : 'none'
  }
});