import React from 'react';
import MarketsStreams from '../../markets-streams';
import { MarketsCards } from './cards/markets-cards';

type TProps = {
  onCardClick: (market: string) => void;
};

export const Tab1: React.FC<TProps> = props => {
  const { onCardClick } = props;

  return (
    <>
      <MarketsStreams />
      <MarketsCards onCardClick={onCardClick} />
    </>
  );
};