import React from 'react';
import { not, or } from 'ramda';
import { Layout } from '../../components';
import useHealthStats from '../../hooks/useHealthStats';
import { LabTestReady, SimpleResult } from './views';
import useLabTest from '../../hooks/useLabTest';
import * as Styled from './SummaryRiskTest.styled';
import useTorHigh from './hooks/useTorHigh';

const SummaryRiskTest = () => {
  const { isEnHigh, isTorMiddle, isEnMiddle } = useHealthStats();
  const { isSubscriptionInProgress } = useLabTest();
  const isTorHigh = useTorHigh();

  const resolveView = () => {
    if (not(isSubscriptionInProgress) && (isEnMiddle || isEnHigh) && or(isTorMiddle, isTorHigh)) {
      return <LabTestReady />;
    }
    return <SimpleResult />;
  };

  return (
    <Layout hideBackButton fullHeight hideBell>
      <Styled.SummaryRiskTest data-cy="view-summary-risk-test">{resolveView()}</Styled.SummaryRiskTest>
    </Layout>
  );
};

export default SummaryRiskTest;