/***************************************************************************
 * 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";
export default function Organismscardsearchjdlee(props) {
  const { overrides, ...rest } = props;
  return (
    <View
      width="363px"
      height="88px"
      position="relative"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Organismscardsearchjdlee")}
    >
      <View
        padding="0px 0px 0px 0px"
        width="363px"
        height="88px"
        position="absolute"
        top="0px"
        left="0px"
        {...getOverrideProps(overrides, "Group 3752")}
      >
        <Image
          width="188px"
          height="88px"
          position="absolute"
          top="0px"
          left="0px"
          borderRadius="4px"
          padding="0px 0px 0px 0px"
          {...getOverrideProps(overrides, "Rectangle 7")}
        ></Image>
        <View
          padding="0px 0px 0px 0px"
          width="143px"
          height="76px"
          position="absolute"
          top="6px"
          left="220px"
          {...getOverrideProps(overrides, "Group 3750")}
        >
          <Text
            fontFamily="Roboto"
            fontSize="16px"
            fontWeight="400"
            color="rgba(23,23,23,1)"
            lineHeight="24px"
            textAlign="left"
            display="flex"
            direction="column"
            justifyContent="flex-start"
            position="absolute"
            top="0px"
            left="0px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="Inorganic Chemistry"
            {...getOverrideProps(overrides, "Inorganic 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"
            position="absolute"
            top="28px"
            left="0px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="By Jerome K. Jerome"
            {...getOverrideProps(overrides, "By Jerome K. Jerome")}
          ></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"
            position="absolute"
            top="54px"
            left="0px"
            padding="0px 0px 0px 0px"
            whiteSpace="pre-wrap"
            children="Catergory - Humorous"
            {...getOverrideProps(overrides, "Catergory - Humorous")}
          ></Text>
        </View>
      </View>
    </View>
  );
}