import React , { FC } from 'react' ; import { OrderBookOrderDTO } from '@energyweb/exchange-irec-react-query-client' ; import { useSellOffersEffects } from './SellOffers.effects' ; import { TableComponent } from '@energyweb/origin-ui-core' ; import { Box } from '@mui/material' ; interface SellOffersProps { asks : OrderBookOrderDTO [ ] ; isLoading : boolean ; } export const SellOffers = ( { asks , isLoading } ) => { const { tableProps , mobileView } = useSellOffersEffects ( asks , isLoading ) ; return ( < Box py = { mobileView ? 2 : 4 } px = { mobileView ? 0 : 4 } > < TableComponent { ... tableProps } / > < /Box>); } ;