import Segment from './segment';
import { APIErrorType } from '../../api';

type ErrorProps = { error: APIErrorType };

function Error({ error }: ErrorProps) {
  return (
    <Segment dataTestId='error' textAlign='center'>
      <p>خطایی رخ داده است.</p>
      {error.status && (
        <p>
          <span>کد خطا: </span>
          <span>{error.status}</span>
        </p>
      )}
      {error.data && <p>{JSON.stringify(error.data)}</p>}
    </Segment>
  );
}

export default Error;
