import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";

import { TestResultInfo } from "@/components/TestResult/TestResultInfo";

import * as styles from "./styles.scss";
import * as baseStyles from "@/components/BaseLayout/styles.scss";

const TestResultThumb = () => {
  return (
    <div className={styles["test-result-thumb"]}>
      <div className={styles["test-result-thumb-wrapper"]}>
        <SvgIcon size={"xl"} id={allureIcons.lineDevCodeSquare} className={styles["test-result-thumb-icon"]} />
        <Text className={styles["test-result-thumb-text"]}>No test case results</Text>
      </div>
    </div>
  );
};

const TestResultEmpty = () => {
  return (
    <div className={baseStyles.content}>
      <TestResultInfo />
      <TestResultThumb />
    </div>
  );
};

export default TestResultEmpty;
