theme-standard/react-examples/icon-button-classes/Button.js

Incompatibility of global CSS Selectors and Components results in various ways we style our Components. It devides our community into 3 categories:

import React from 'react'

export default function Button({theme}) {
  return (
    <button className={theme.button}>
      <span className={theme.icon}></span>
    </button>
  )
}