/***************************************************************************
 * 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 Atomsiconsstar from "./Atomsiconsstar";
import Atomsiconsbookmark from "./Atomsiconsbookmark";
import Atomsiconsshare from "./Atomsiconsshare";
export default function Organismscardrecommendations(props) {
  const { overrides, ...rest } = props;
  return (
    <View
      width="273px"
      height="385px"
      position="relative"
      borderRadius="8px"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Organismscardrecommendations")}
    >
      <View
        padding="0px 0px 0px 0px"
        width="273px"
        height="385px"
        position="absolute"
        top="0px"
        left="0px"
        {...getOverrideProps(overrides, "Group 23")}
      >
        <View
          width="273px"
          height="385px"
          position="absolute"
          top="0px"
          left="0px"
          borderRadius="8px"
          padding="0px 0px 0px 0px"
          backgroundColor="rgba(255,255,255,1)"
          {...getOverrideProps(overrides, "Rectangle 8")}
        ></View>
        <View
          width="249px"
          height="191px"
          position="absolute"
          top="40px"
          left="12px"
          borderRadius="8px"
          padding="0px 0px 0px 0px"
          backgroundColor="rgba(250,250,250,1)"
          {...getOverrideProps(overrides, "Rectangle 9")}
        ></View>
        <Text
          fontFamily="Roboto"
          fontSize="16px"
          fontWeight="400"
          color="rgba(23,23,23,1)"
          lineHeight="24px"
          textAlign="left"
          display="flex"
          direction="column"
          justifyContent="flex-start"
          width="190px"
          position="absolute"
          top="243px"
          left="12px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="Basic Physics"
          {...getOverrideProps(overrides, "Basic Physics")}
        ></Text>
        <Text
          fontFamily="Roboto"
          fontSize="14px"
          fontWeight="400"
          color="rgba(137,137,137,1)"
          lineHeight="22px"
          textAlign="left"
          display="flex"
          direction="column"
          justifyContent="flex-start"
          width="190px"
          position="absolute"
          top="271px"
          left="12px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="By  Karl F Kuhn"
          {...getOverrideProps(overrides, "By Karl F Kuhn")}
        ></Text>
        <Text
          fontFamily="Roboto"
          fontSize="14px"
          fontWeight="400"
          color="rgba(137,137,137,1)"
          lineHeight="22px"
          textAlign="left"
          display="flex"
          direction="column"
          justifyContent="flex-start"
          width="190px"
          position="absolute"
          top="297px"
          left="12px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="Category: Chemistry"
          {...getOverrideProps(overrides, "Category: Chemistry")}
        ></Text>
        <Text
          fontFamily="Roboto"
          fontSize="14px"
          fontWeight="400"
          color="rgba(137,137,137,1)"
          lineHeight="22px"
          textAlign="left"
          display="flex"
          direction="column"
          justifyContent="flex-start"
          width="190px"
          position="absolute"
          top="351px"
          left="12px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="1210 ratings"
          {...getOverrideProps(overrides, "1210 ratings")}
        ></Text>
        <View
          padding="0px 0px 0px 0px"
          width="43.71px"
          height="24px"
          position="absolute"
          top="323px"
          left="11.83px"
          {...getOverrideProps(overrides, "Group 20")}
        >
          <Atomsiconsstar
            display="flex"
            gap="10px"
            position="absolute"
            top="0px"
            left="19.71px"
            direction="column"
            overflow="hidden"
            padding="6px 6px 6px 6px"
            {...getOverrideProps(overrides, "atoms/icons/star")}
          ></Atomsiconsstar>
          <Text
            fontFamily="Roboto"
            fontSize="14px"
            fontWeight="400"
            color="rgba(137,137,137,1)"
            lineHeight="22px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            width="19.71px"
            position="absolute"
            top="1px"
            left="0px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="4.5"
            {...getOverrideProps(overrides, "4.5")}
          ></Text>
        </View>
        <Atomsiconsbookmark
          display="flex"
          gap="10px"
          position="absolute"
          top="349px"
          left="202.04px"
          direction="row"
          width="23.65px"
          justifyContent="center"
          alignItems="center"
          overflow="hidden"
          padding="4px 6px 4px 6px"
          {...getOverrideProps(overrides, "atoms/icons/bookmark")}
        ></Atomsiconsbookmark>
        <Atomsiconsshare
          display="flex"
          gap="10px"
          position="absolute"
          top="349px"
          left="237.52px"
          direction="row"
          width="23.65px"
          alignItems="flex-start"
          padding="0px 0px 0px 0px"
          {...getOverrideProps(overrides, "atoms/icons/share")}
        ></Atomsiconsshare>
        <View
          width="23.65px"
          height="24px"
          position="absolute"
          top="12px"
          left="237.52px"
          padding="0px 0px 0px 0px"
          {...getOverrideProps(overrides, "molecules/icons/more")}
        ></View>
      </View>
      <Image
        width="151px"
        height="165px"
        position="absolute"
        top="53px"
        left="61px"
        boxShadow="0px 0px 2px rgba(0.4901960790157318, 0.4901960790157318, 0.4901960790157318, 0.05999999865889549)"
        borderRadius="8px"
        padding="0px 0px 0px 0px"
        {...getOverrideProps(overrides, "Rectangle 18")}
      ></Image>
    </View>
  );
}