ReactJS

1
import React from 'react';
2
import styles from './karmacontroller.css';
3

4
export function KarmaController() {
5
  return (
6
    <div className={styles.karmaCounter}>
7
      <button className={styles.up}>
8
        <svg width="19" height="10" viewBox="0 0 19 10" fill="none" xmlns="http://www.w3.org/2000/svg">
9
          <path d="M9.5 0L0 10H19L9.5 0Z" fill="#D9D9D9"/>
10
        </svg>
11
      </button>
12
      <span className={styles.karmaValue}>234</span>
13
      <button className={styles.down}>
14
        <svg className={styles.down} width="19" height="10" viewBox="0 0 19 10" fill="none"
15
             xmlns="http://www.w3.org/2000/svg">
16
          <path d="M9.5 0L0 10H19L9.5 0Z" fill="#D9D9D9"/>
17
        </svg>
18
      </button>
19
    </div>
20
  );
21
}
22