/***************************************************************************
 * 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 { Image, Text, View } from "@aws-amplify/ui-react";
import Atomsavatar from "./Atomsavatar";
import Atomsiconsstar from "./Atomsiconsstar";
import Atomsiconsbookmark from "./Atomsiconsbookmark";
import Atomsiconsshare from "./Atomsiconsshare";
export default function Organismscardsearchresults(props) {
  const { overrides, ...rest } = props;
  return (
    <View
      width="571px"
      height="287px"
      position="relative"
      boxShadow="0px 4px 4px rgba(0.6901960968971252, 0.6901960968971252, 0.6901960968971252, 0.20000000298023224)"
      borderRadius="8px"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Organismscardsearchresults")}
    >
      <View
        padding="0px 0px 0px 0px"
        width="571px"
        height="287px"
        position="absolute"
        top="0px"
        left="0px"
        {...getOverrideProps(overrides, "Group 36")}
      >
        <View
          width="571px"
          height="287px"
          position="absolute"
          top="0px"
          left="0px"
          borderRadius="8px"
          padding="0px 0px 0px 0px"
          backgroundColor="rgba(255,255,255,1)"
          {...getOverrideProps(overrides, "Rectangle 12")}
        ></View>
        <Image
          width="184px"
          height="239px"
          position="absolute"
          top="24px"
          left="24px"
          borderRadius="8px"
          padding="0px 0px 0px 0px"
          {...getOverrideProps(overrides, "Rectangle 13")}
        ></Image>
        <View
          padding="0px 0px 0px 0px"
          width="295px"
          height="239px"
          position="absolute"
          top="24px"
          left="252px"
          {...getOverrideProps(overrides, "Group 35")}
        >
          <Text
            fontFamily="Roboto"
            fontSize="16px"
            fontWeight="500"
            color="rgba(96,96,96,1)"
            lineHeight="24px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            width="295px"
            position="absolute"
            top="56px"
            left="0px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="Inorganic Chemistry"
            {...getOverrideProps(overrides, "Inorganic Chemistry")}
          ></Text>
          <Text
            fontFamily="Roboto"
            fontSize="12px"
            fontWeight="400"
            color="rgba(137,137,137,1)"
            lineHeight="16px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            width="294.92px"
            position="absolute"
            top="88px"
            left="0px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="Nature chemistry deals with different biocatalytic approaches to transform phenols by adding different neurons See more"
            {...getOverrideProps(
              overrides,
              "Nature chemistry deals with different biocatalytic approaches to transform phenols by adding different neurons See more"
            )}
          ></Text>
          <View
            padding="0px 0px 0px 0px"
            width="94.65px"
            height="40px"
            position="absolute"
            top="0px"
            left="0px"
            {...getOverrideProps(overrides, "Group 34")}
          >
            <Atomsavatar
              display="flex"
              gap="10px"
              position="absolute"
              top="0px"
              left="0px"
              direction="row"
              alignItems="flex-start"
              borderRadius="8px"
              padding="4px 4px 4px 4px"
              {...getOverrideProps(overrides, "atoms/avatar")}
            ></Atomsavatar>
            <View
              padding="0px 0px 0px 0px"
              width="46.83px"
              height="38px"
              position="absolute"
              top="1px"
              left="47.82px"
              {...getOverrideProps(overrides, "Group 33")}
            >
              <Text
                fontFamily="Roboto"
                fontSize="14px"
                fontWeight="400"
                color="rgba(23,23,23,1)"
                lineHeight="22px"
                textAlign="left"
                display="flex"
                direction="column"
                justifyContent="flex-start"
                width="46.83px"
                position="absolute"
                top="0px"
                left="0px"
                padding="0px 0px 0px 0px"
                whiteSpace="pre-wrap"
                children="J D Lee"
                {...getOverrideProps(overrides, "J D Lee")}
              ></Text>
              <Text
                fontFamily="Roboto"
                fontSize="12px"
                fontWeight="400"
                color="rgba(137,137,137,1)"
                lineHeight="16px"
                textAlign="left"
                display="flex"
                direction="column"
                justifyContent="flex-start"
                width="35.87px"
                position="absolute"
                top="22px"
                left="0px"
                padding="0px 0px 0px 0px"
                whiteSpace="pre-wrap"
                children="Author"
                {...getOverrideProps(overrides, "Author")}
              ></Text>
            </View>
          </View>
          <Text
            fontFamily="Roboto"
            fontSize="12px"
            fontWeight="400"
            color="rgba(137,137,137,1)"
            lineHeight="16px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            width="225px"
            position="absolute"
            top="223px"
            left="0px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="830 ratings"
            {...getOverrideProps(overrides, "830 ratings")}
          ></Text>
          <View
            padding="0px 0px 0px 0px"
            width="43.93px"
            height="24px"
            position="absolute"
            top="195px"
            left="0px"
            {...getOverrideProps(overrides, "Group 20")}
          >
            <Atomsiconsstar
              display="flex"
              gap="10px"
              position="absolute"
              top="0px"
              left="19.93px"
              direction="column"
              overflow="hidden"
              borderRadius="8px"
              padding="6px 6px 6px 6px"
              {...getOverrideProps(overrides, "atoms/icons/star")}
            ></Atomsiconsstar>
            <Text
              fontFamily="Roboto"
              fontSize="12px"
              fontWeight="400"
              color="rgba(137,137,137,1)"
              lineHeight="16px"
              textAlign="left"
              display="flex"
              direction="column"
              justifyContent="flex-start"
              width="16.94px"
              position="absolute"
              top="4px"
              left="0px"
              padding="0px 0px 0px 0px"
              whiteSpace="pre-wrap"
              children="4.5"
              {...getOverrideProps(overrides, "4.5")}
            ></Text>
          </View>
          <View
            width="24px"
            height="24px"
            position="absolute"
            top="0px"
            left="271px"
            borderRadius="8px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "molecules/icons/more")}
          ></View>
          <Atomsiconsbookmark
            display="flex"
            gap="10px"
            position="absolute"
            top="215px"
            left="235.14px"
            direction="row"
            width="24px"
            justifyContent="center"
            alignItems="center"
            overflow="hidden"
            borderRadius="8px"
            padding="4px 6px 4px 6px"
            {...getOverrideProps(overrides, "atoms/icons/bookmark")}
          ></Atomsiconsbookmark>
          <Atomsiconsshare
            display="flex"
            gap="10px"
            position="absolute"
            top="215px"
            left="271px"
            direction="row"
            width="24px"
            alignItems="flex-start"
            borderRadius="8px"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "atoms/icons/share")}
          ></Atomsiconsshare>
        </View>
      </View>
      <Text
        fontFamily="Roboto"
        fontSize="12px"
        fontWeight="400"
        color="rgba(137,137,137,1)"
        lineHeight="16px"
        textAlign="left"
        display="flex"
        direction="column"
        justifyContent="flex-start"
        width="142px"
        position="absolute"
        top="168px"
        left="252px"
        padding="0px 0px 0px 0px"
        whiteSpace="pre-wrap"
        children="Catergory - Chemistry"
        {...getOverrideProps(overrides, "Catergory - Humorous")}
      ></Text>
    </View>
  );
}