/***************************************************************************
 * 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 { Flex, Icon, Text, View } from "@aws-amplify/ui-react";
import Atomsiconslike from "./Atomsiconslike";
import Atomsiconsunlike from "./Atomsiconsunlike";
import Atomsiconsstar from "./Atomsiconsstar";
export default function Organismscardreview2(props) {
  const { overrides, ...rest } = props;
  return (
    <Flex
      gap="10px"
      direction="column"
      width="768px"
      justifyContent="center"
      position="relative"
      borderRadius="8px"
      padding="12px 0px 12px 0px"
      backgroundColor="rgba(255,255,255,1)"
      {...rest}
      {...getOverrideProps(overrides, "Organismscardreview2")}
    >
      <Flex
        padding="0px 0px 0px 0px"
        width="703px"
        height="142px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3748")}
      >
        <View
          padding="0px 0px 0px 0px"
          width="110px"
          height="24px"
          position="absolute"
          top="118px"
          left="0px"
          {...getOverrideProps(overrides, "Group 3747")}
        >
          <View
            padding="0px 0px 0px 0px"
            width="110px"
            height="24px"
            position="absolute"
            top="0px"
            left="0px"
            {...getOverrideProps(overrides, "Group 3746")}
          >
            <Text
              fontFamily="Roboto"
              fontSize="12px"
              fontWeight="400"
              color="rgba(23,23,23,1)"
              lineHeight="16px"
              textAlign="left"
              display="flex"
              direction="column"
              justifyContent="flex-start"
              position="absolute"
              top="4px"
              left="80px"
              padding="0px 0px 0px 0px"
              whiteSpace="pre-wrap"
              children="Reply"
              {...getOverrideProps(overrides, "Reply")}
            ></Text>
            <Atomsiconslike
              width="24px"
              height="24px"
              position="absolute"
              top="0px"
              left="0px"
              overflow="hidden"
              padding="0px 0px 0px 0px"
              {...getOverrideProps(overrides, "atoms/icons/like")}
            ></Atomsiconslike>
            <Atomsiconsunlike
              width="24px"
              height="24px"
              position="absolute"
              top="0px"
              left="40px"
              overflow="hidden"
              padding="0px 0px 0px 0px"
              {...getOverrideProps(overrides, "atoms/icons/unlike")}
            ></Atomsiconsunlike>
          </View>
        </View>
        <View
          padding="0px 0px 0px 0px"
          width="703px"
          height="106px"
          position="absolute"
          top="0px"
          left="0px"
          {...getOverrideProps(overrides, "Group 3745")}
        >
          <View
            padding="0px 0px 0px 0px"
            width="703px"
            height="106px"
            position="absolute"
            top="0px"
            left="0px"
            {...getOverrideProps(overrides, "Group 3743")}
          >
            <View
              padding="0px 0px 0px 0px"
              width="703px"
              height="106px"
              position="absolute"
              top="0px"
              left="0px"
              {...getOverrideProps(overrides, "Group 3744")}
            >
              <View
                padding="0px 0px 0px 0px"
                width="263px"
                height="62px"
                position="absolute"
                top="0px"
                left="0px"
                {...getOverrideProps(overrides, "Group 3742")}
              >
                <Icon
                  width="60px"
                  height="60px"
                  viewBox={{ minX: 0, minY: 0, width: 60, height: 60 }}
                  paths={[
                    {
                      d: "M60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0C46.5685 0 60 13.4315 60 30Z",
                      fillRule: "nonzero",
                    },
                  ]}
                  position="absolute"
                  top="2px"
                  left="0px"
                  {...getOverrideProps(overrides, "Ellipse 274")}
                ></Icon>
                <View
                  padding="0px 0px 0px 0px"
                  width="191px"
                  height="40px"
                  position="absolute"
                  top="0px"
                  left="72px"
                  {...getOverrideProps(overrides, "Group 3741")}
                >
                  <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="136px"
                    position="absolute"
                    top="0px"
                    left="0px"
                    padding="0px 0px 0px 0px"
                    whiteSpace="pre-wrap"
                    children="Radha"
                    {...getOverrideProps(overrides, "Radha")}
                  ></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="191px"
                    position="absolute"
                    top="24px"
                    left="0px"
                    padding="0px 0px 0px 0px"
                    whiteSpace="pre-wrap"
                    children="Professor at Harvard  University"
                    {...getOverrideProps(
                      overrides,
                      "Professor at Harvard University"
                    )}
                  ></Text>
                </View>
              </View>
              <Text
                fontFamily="Roboto"
                fontSize="12px"
                fontWeight="400"
                color="rgba(96,96,96,1)"
                lineHeight="16px"
                textAlign="left"
                display="flex"
                direction="column"
                justifyContent="flex-start"
                width="703px"
                position="absolute"
                top="74px"
                left="0px"
                padding="0px 0px 0px 0px"
                whiteSpace="pre-wrap"
                children="Still a very nice Book, I got stuck at a place where I thought the problem was overprinting, or rather someone told me it was that. but it as simply just a mistake where I accidentally had set the box object (under effects [Effects panel can be found in the See more"
                {...getOverrideProps(
                  overrides,
                  "Still a very nice Book, I got stuck at a place where I thought the problem was overprinting, or rather someone told me it was that. but it as simply just a mistake where I accidentally had set the box object (under effects [Effects panel can be found in the See more"
                )}
              ></Text>
            </View>
          </View>
          <View
            padding="0px 0px 0px 0px"
            width="45px"
            height="24px"
            position="absolute"
            top="40px"
            left="72px"
            {...getOverrideProps(overrides, "Group 46")}
          >
            <Atomsiconsstar
              display="flex"
              gap="10px"
              position="absolute"
              top="0px"
              left="21px"
              direction="column"
              overflow="hidden"
              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"
              position="absolute"
              top="4px"
              left="0px"
              padding="0px 0px 0px 0px"
              whiteSpace="pre-wrap"
              children="4.5"
              {...getOverrideProps(overrides, "4.5")}
            ></Text>
          </View>
        </View>
      </Flex>
    </Flex>
  );
}