arifszn/reactive-button

const Colors = `
<div>
  <section className="flex-section">
    <div className="item p-1">
      <ReactiveButton idleText="Primary" color="primary" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Secondary" color="secondary" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Teal" color="teal" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Green" color="green" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Red" color="red" />
    </div>
  </section>
  <section className="flex-section">
    <div className="item p-1">
      <ReactiveButton idleText="Violet" color="violet" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Blue" color="blue" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Yellow" color="yellow" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Dark" color="dark" />
    </div>
    <div className="item p-1">
      <ReactiveButton idleText="Light" color="light" />
    </div>
  </section>
</div>
`;

export default Colors;