/***************************************************************************
 * The contents of this file were generated with Amplify Studio.           *
 * Please refrain from making any modifications to this file.              *
 * Any changes to this file will be overwritten when running amplify pull. *
 **************************************************************************/

/* eslint-disable */
import React from "react";
import { getOverrideProps } from "@aws-amplify/ui-react/internal";
import { Icon, Text, View } from "@aws-amplify/ui-react";
import Moleculeslist1 from "./Moleculeslist1";
import Atomsiconsalltopics from "./Atomsiconsalltopics";
import Atomsiconsauthors from "./Atomsiconsauthors";
import Atomsiconsrecenttitles from "./Atomsiconsrecenttitles";
import Atomsiconspopular from "./Atomsiconspopular";
export default function Organismsalltopics(props) {
  const { overrides, ...rest } = props;
  return (
    <View
      width="1166px"
      height="641.5px"
      position="relative"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Organismsalltopics")}
    >
      <View
        padding="0px 0px 0px 0px"
        width="1166px"
        height="642px"
        position="absolute"
        top="0px"
        left="0px"
        {...getOverrideProps(overrides, "Group 3768")}
      >
        <View
          padding="0px 0px 0px 0px"
          width="1166px"
          height="642px"
          position="absolute"
          top="0px"
          left="0px"
          {...getOverrideProps(overrides, "Group 3760")}
        >
          <View
            padding="0px 0px 0px 0px"
            width="27px"
            height="13.5px"
            position="absolute"
            top="0px"
            left="277px"
            {...getOverrideProps(overrides, "Group 3753")}
          >
            <Icon
              width="27px"
              height="13.5px"
              viewBox={{ minX: 0, minY: 0, width: 27, height: 13.5 }}
              paths={[
                {
                  d: "M0 13.5L-0.353553 13.1464L-1.20711 14L0 14L0 13.5ZM13.5 0L13.8536 -0.353553L13.5 -0.707107L13.1464 -0.353553L13.5 0ZM27 13.5L27 14L28.2071 14L27.3536 13.1464L27 13.5ZM0.353553 13.8536L13.8536 0.353553L13.1464 -0.353553L-0.353553 13.1464L0.353553 13.8536ZM13.1464 0.353553L26.6464 13.8536L27.3536 13.1464L13.8536 -0.353553L13.1464 0.353553ZM27 13L0 13L0 14L27 14L27 13Z",
                  stroke: "rgba(255,255,255,1)",
                  fillRule: "nonzero",
                  strokeWidth: 1,
                },
                {
                  d: "M13.5 0L0 13.5L27 13.5L13.5 0Z",
                  fill: "rgba(255,255,255,1)",
                  fillRule: "nonzero",
                },
              ]}
              position="absolute"
              top="0px"
              left="0px"
              {...getOverrideProps(overrides, "Vector 8")}
            ></Icon>
          </View>
          <View
            width="1166px"
            height="628px"
            position="absolute"
            top="14px"
            left="0px"
            boxShadow="0px 0px 16px rgba(0.4901960790157318, 0.4901960790157318, 0.4901960790157318, 0.11999999731779099)"
            borderRadius="8px"
            padding="0px 0px 0px 0px"
            backgroundColor="rgba(255,255,255,1)"
            {...getOverrideProps(overrides, "Rectangle 15")}
          ></View>
        </View>
        <Icon
          width="1166px"
          height="0px"
          viewBox={{ minX: 0, minY: 0, width: 1166, height: 1 }}
          paths={[
            {
              d: "M0 0.5L1166 0.5L1166 -0.5L0 -0.5L0 0.5Z",
              stroke: "rgba(250,250,250,1)",
              fillRule: "nonzero",
              strokeWidth: 1,
            },
          ]}
          position="absolute"
          top="80px"
          left="0px"
          {...getOverrideProps(overrides, "Vector 7")}
        ></Icon>
        <View
          padding="0px 0px 0px 0px"
          width="220px"
          height="492px"
          position="absolute"
          top="114.5px"
          left="72px"
          {...getOverrideProps(overrides, "Group 3765")}
        >
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11464284")}
          ></Moleculeslist1>
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="178px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11464326")}
          ></Moleculeslist1>
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="356px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11505462")}
          ></Moleculeslist1>
        </View>
        <View
          padding="0px 0px 0px 0px"
          width="220px"
          height="492px"
          position="absolute"
          top="114.5px"
          left="473px"
          {...getOverrideProps(overrides, "Group 3766")}
        >
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="178px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11505444")}
          ></Moleculeslist1>
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="356px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11505463")}
          ></Moleculeslist1>
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11464298")}
          ></Moleculeslist1>
        </View>
        <View
          padding="0px 0px 0px 0px"
          width="220px"
          height="314px"
          position="absolute"
          top="114.5px"
          left="874px"
          {...getOverrideProps(overrides, "Group 3767")}
        >
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11505381")}
          ></Moleculeslist1>
          <Moleculeslist1
            display="flex"
            gap="10px"
            position="absolute"
            top="178px"
            left="0px"
            direction="column"
            width="220px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/list11505404")}
          ></Moleculeslist1>
        </View>
      </View>
      <View
        padding="0px 0px 0px 0px"
        width="860px"
        height="24px"
        position="absolute"
        top="35px"
        left="124px"
        {...getOverrideProps(overrides, "Group 3807")}
      >
        <View
          padding="0px 0px 0px 0px"
          width="98px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          {...getOverrideProps(overrides, "Group 3803")}
        >
          <Text
            fontFamily="Roboto"
            fontSize="14px"
            fontWeight="500"
            color="rgba(255,114,94,1)"
            lineHeight="22px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            position="absolute"
            top="1px"
            left="36px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="All Topics"
            {...getOverrideProps(overrides, "All Topics")}
          ></Text>
          <Atomsiconsalltopics
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="row"
            alignItems="flex-start"
            padding="4px 4px 4px 4px"
            {...getOverrideProps(overrides, "atoms/icons/alltopics")}
          ></Atomsiconsalltopics>
        </View>
        <View
          padding="0px 0px 0px 0px"
          width="86px"
          height="24px"
          position="absolute"
          top="0px"
          left="245px"
          {...getOverrideProps(overrides, "Group 3804")}
        >
          <Text
            fontFamily="Roboto"
            fontSize="14px"
            fontWeight="400"
            color="rgba(96,96,96,1)"
            lineHeight="22px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            position="absolute"
            top="1px"
            left="36px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="Authors"
            {...getOverrideProps(overrides, "Authors")}
          ></Text>
          <Atomsiconsauthors
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="row"
            alignItems="flex-start"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "atoms/icons/authors")}
          ></Atomsiconsauthors>
        </View>
        <View
          padding="0px 0px 0px 0px"
          width="114px"
          height="24px"
          position="absolute"
          top="0px"
          left="477px"
          {...getOverrideProps(overrides, "Group 3805")}
        >
          <Text
            fontFamily="Roboto"
            fontSize="14px"
            fontWeight="400"
            color="rgba(96,96,96,1)"
            lineHeight="22px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            position="absolute"
            top="1px"
            left="36px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="Recent titles"
            {...getOverrideProps(overrides, "Recent titles")}
          ></Text>
          <Atomsiconsrecenttitles
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="row"
            alignItems="flex-start"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "atoms/icons/recenttitles")}
          ></Atomsiconsrecenttitles>
        </View>
        <View
          padding="0px 0px 0px 0px"
          width="119px"
          height="24px"
          position="absolute"
          top="0px"
          left="741px"
          {...getOverrideProps(overrides, "Group 3806")}
        >
          <Text
            fontFamily="Roboto"
            fontSize="14px"
            fontWeight="400"
            color="rgba(96,96,96,1)"
            lineHeight="22px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            position="absolute"
            top="1px"
            left="36px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="Popular titles"
            {...getOverrideProps(overrides, "Popular titles")}
          ></Text>
          <Atomsiconspopular
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="row"
            alignItems="flex-start"
            padding="2px 2px 2px 2px"
            {...getOverrideProps(overrides, "atoms/icons/popular")}
          ></Atomsiconspopular>
        </View>
      </View>
      <View
        width="135px"
        height="4px"
        position="absolute"
        top="78px"
        left="116px"
        borderRadius="8px"
        padding="0px 0px 0px 0px"
        backgroundColor="rgba(255,114,94,1)"
        {...getOverrideProps(overrides, "Rectangle 20")}
      ></View>
    </View>
  );
}