text: import React from 'react';
  import AccordionDetails from '@material-ui/core/AccordionActions';
  import Grid from '@material-ui/core/Grid';
  
  import DepositSection from './DepositSection/DepositSection';
  import WithdrawSection from './WithdrawSection/WithdrawSection';
  import HarvestSection from './HarvestSection/HarvestSection';
  import { shouldHideFromHarvest } from 'features/helpers/utils';
  
  const PoolDetails = ({ pool, balanceSingle, index, sharesBalance }) => {
    return (
      <AccordionDetails style={{ justifyContent: 'space-between' }}>
        <Grid container>
          <DepositSection index={index} pool={pool} balanceSingle={balanceSingle} />
          <WithdrawSection index={index} pool={pool} sharesBalance={sharesBalance} />
          {shouldHideFromHarvest(pool.id) ? '' : <HarvestSection index={index} pool={pool} />}
        </Grid>
      </AccordionDetails>
    );
  };
  
  export default PoolDetails;
  