React emotion - CSS class execution in emotion

Question

const listPrice = css`
  h4 {
    background: ${accentColor};
    color: #ffffff;
    border-radius: 5px;
    width: 147px;
    padding: 6px 13px;
  }
`;

<div css={listPrice}>
    <h4>{accounting.formatMoney(price, 'RM ', 0)}</h4>
</div>

 

Answer 1

import { css, jsx } from '@emotion/react';

<div
  css={css`
    width: 300px;
    padding: 16px;
    border: 1px solid #000;
  `}
>