export default function ShowcaseEmptyResult()

in website/src/components/gallery/ShowcaseEmptyResult/index.tsx [13:101]
89 lines of code
8 McCabe index (conditional complexity)

export default function ShowcaseEmptyResult({ id }: { id: string }) {
  return (
    <div
      id={id}
      style={{
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexDirection: "column",
        gap: "40px",
      }}
    >
      <div
        style={{
          paddingTop: "100px",
          display: "flex",
          flexDirection: "column",
          gap: "10px",
        }}
      >
        {InputValue != null ? (
          <>
            <Text size={500} weight="bold" align="center">
              We couldn’t find any results for '{InputValue}'
            </Text>
            <Text size={400} align="center">
              Check for spelling or try searching for another term.
            </Text>
          </>
        ) : (
          <>
            <Text size={500} weight="bold" align="center">
              We couldn’t find any results.
            </Text>
            <Text size={400} align="center">
              Check for tags or try filtering for another tag.
            </Text>
          </>
        )}
      </div>
      <Card style={{ borderRadius: "8px", padding: "24px" }}>
        <div
          style={{
            display: "flex",
            columnGap: "30px",
          }}
        >
          <img
            height={50}
            src={useBaseUrl("/img/smile.svg")}
            alt="smile"
            style={{ flex: 1 }}
          />
          <div
            style={{
              display: "flex",
              flexDirection: "column",
              rowGap: "5px",
              paddingRight: "50px",
            }}
          >
            <Text size={400} weight="bold">
              Want to be the change you wish to see in the world?
            </Text>
            <Text size={300}>
              awesome-azd is always looking for new templates!
            </Text>
            <FluentUILink
              key="emptySearch_contributeTemplate"
              href="https://azure.github.io/awesome-azd/docs/contribute"
              target="_blank"
              className={styles.colorLink}
            >
              • Learn how to contribute an azd template
            </FluentUILink>
            <FluentUILink
              key="emptySearch_requestBoard"
              href="https://github.com/Azure/awesome-azd/issues/new?assignees=kristenwomack%2C+savannahostrowski&labels=requested-contribution&template=%F0%9F%A4%94-submit-a-template-request.md&title=%5BIdea%5D+%3Cyour-template-name%3E"
              target="_blank"
              className={styles.colorLink}
            >
              • View our template request board
            </FluentUILink>
          </div>
        </div>
      </Card>
    </div>
  );
}