/***************************************************************************
 * 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, Text, View } from "@aws-amplify/ui-react";
import Atomsiconsmaths from "./Atomsiconsmaths";
export default function Moleculeslist1(props) {
  const { overrides, ...rest } = props;
  return (
    <Flex
      gap="10px"
      direction="column"
      width="220px"
      position="relative"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Moleculeslist1")}
    >
      <Flex
        gap="10px"
        direction="column"
        width="192px"
        height="136px"
        justifyContent="center"
        shrink="0"
        position="relative"
        padding="0px 0px 0px 0px"
        {...getOverrideProps(overrides, "Frame 23")}
      >
        <Flex
          padding="0px 0px 0px 0px"
          width="212px"
          height="136px"
          shrink="0"
          position="relative"
          {...getOverrideProps(overrides, "Group 3763")}
        >
          <Flex
            gap="10px"
            position="absolute"
            top="0px"
            left="0px"
            direction="column"
            justifyContent="center"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "Frame 25")}
          >
            <Flex
              padding="0px 0px 0px 0px"
              width="212px"
              height="136px"
              shrink="0"
              position="relative"
              {...getOverrideProps(overrides, "Group 3764")}
            >
              <View
                padding="0px 0px 0px 0px"
                width="36px"
                height="36px"
                position="absolute"
                top="0px"
                left="0px"
                {...getOverrideProps(overrides, "Group 3758")}
              >
                <View
                  padding="0px 0px 0px 0px"
                  width="36px"
                  height="36px"
                  position="absolute"
                  top="0px"
                  left="0px"
                  {...getOverrideProps(overrides, "Group 3755")}
                >
                  <View
                    padding="0px 0px 0px 0px"
                    width="36px"
                    height="36px"
                    position="absolute"
                    top="0px"
                    left="0px"
                    {...getOverrideProps(overrides, "Group 3754")}
                  >
                    <View
                      width="36px"
                      height="36px"
                      position="absolute"
                      top="0px"
                      left="0px"
                      borderRadius="8px"
                      padding="0px 0px 0px 0px"
                      backgroundColor="rgba(255,248,231,1)"
                      {...getOverrideProps(overrides, "Rectangle 16")}
                    ></View>
                    <Atomsiconsmaths
                      display="flex"
                      gap="10px"
                      position="absolute"
                      top="6px"
                      left="6px"
                      direction="column"
                      padding="4px 4px 4px 4px"
                      {...getOverrideProps(overrides, "atoms/icons/maths")}
                    ></Atomsiconsmaths>
                  </View>
                </View>
              </View>
              <Flex
                gap="10px"
                position="absolute"
                top="6px"
                left="52px"
                direction="column"
                padding="0px 0px 0px 0px"
                {...getOverrideProps(overrides, "Frame 24")}
              >
                <Flex
                  padding="0px 0px 0px 0px"
                  width="160px"
                  height="130px"
                  shrink="0"
                  position="relative"
                  {...getOverrideProps(overrides, "Group 3762")}
                >
                  <Text
                    fontFamily="Roboto"
                    fontSize="14px"
                    fontWeight="400"
                    color="rgba(96,96,96,1)"
                    lineHeight="22px"
                    textAlign="left"
                    display="flex"
                    direction="column"
                    justifyContent="flex-start"
                    width="160px"
                    position="absolute"
                    top="30px"
                    left="0px"
                    padding="0px 0px 0px 0px"
                    whiteSpace="pre-wrap"
                    children="Algebra & linear algebra"
                    {...getOverrideProps(overrides, "Algebra & linear algebra")}
                  ></Text>
                  <Text
                    fontFamily="Roboto"
                    fontSize="16px"
                    fontWeight="400"
                    color="rgba(0,0,0,1)"
                    lineHeight="24px"
                    textAlign="left"
                    display="flex"
                    direction="column"
                    justifyContent="flex-start"
                    width="160px"
                    position="absolute"
                    top="0px"
                    left="0px"
                    padding="0px 0px 0px 0px"
                    whiteSpace="pre-wrap"
                    children="Mathametics"
                    {...getOverrideProps(overrides, "Mathametics")}
                  ></Text>
                  <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="43.08%"
                    bottom="40%"
                    left="0%"
                    right="0%"
                    padding="0px 0px 0px 0px"
                    whiteSpace="pre-wrap"
                    children="Calculus"
                    {...getOverrideProps(overrides, "Calculus")}
                  ></Text>
                  <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="63.08%"
                    bottom="20%"
                    left="0%"
                    right="0%"
                    padding="0px 0px 0px 0px"
                    whiteSpace="pre-wrap"
                    children="Statistics & Logistics"
                    {...getOverrideProps(overrides, "Statistics & Logistics")}
                  ></Text>
                  <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="83.08%"
                    bottom="0%"
                    left="0%"
                    right="0%"
                    padding="0px 0px 0px 0px"
                    whiteSpace="pre-wrap"
                    children="Trignometry"
                    {...getOverrideProps(overrides, "Trignometry")}
                  ></Text>
                </Flex>
              </Flex>
            </Flex>
          </Flex>
        </Flex>
      </Flex>
    </Flex>
  );
}
