import CreateSettleRequestContainer from './container';
import Segment from '../../shared/segment';

export type SettlePropsType = { hasPendingSettleRequest: boolean };

function SettleRequest({ hasPendingSettleRequest }: SettlePropsType) {
  return (
    <div data-testid='settle-request'>
      {hasPendingSettleRequest ? (
        <Segment dataTestId='pending-settle-request-exists' textAlign='center' className='text-lg'>
          <p>درخواست تسویه شما ثبت شده و درحال بررسی است.</p>
          <p>این درخواست نهایتا تا 48 ساعت بررسی میشود، لطفا تا بررسی نتیجه منتظر بمانید.</p>
          <p>باتشکر</p>
        </Segment>
      ) : (
        <CreateSettleRequestContainer />
      )}
    </div>
  );
}

export default SettleRequest;
