import styles from './trading-chart.module.scss'
import Chart1 from './Chart1'
import PageIntro from '../PageIntro'

const TradingChart = () => {
  //   const [toggleActive, setTogglActive] = useState(1)

  //   const toggleActiveState = (key: number): void => {
  //     setTogglActive(key)
  //   }
  return (
    <div className={styles['trading__chart']}>
      <PageIntro
        title="Trading Analysis"
        description="Use built in tools used by pro traders to analyse the markets"
      />
      <div>
        {/* <div className={styles['trading__chart__tab']}>
          <div
            onClick={() => toggleActiveState(1)}
            className={
              toggleActive === 1
                ? styles['trading__chart__tab--item--active']
                : styles['trading__chart__tab--item']
            }
          >
            Investments
          </div>

          <div
            onClick={() => toggleActiveState(2)}
            className={
              toggleActive === 2
                ? styles['trading__chart__tab--item--active']
                : styles['trading__chart__tab--item']
            }
          >
            Savings
          </div>
        </div> */}
        {/* {toggleActive === 1 ? <Chart1 /> : null} */}
        <Chart1 slug={'btc'} />
      </div>
    </div>
  )
}

export default TradingChart