/***************************************************************************
 * 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 Atomsiconspageleft from "./Atomsiconspageleft";
export default function Moleculespagination(props) {
  const { overrides, ...rest } = props;
  return (
    <Flex
      gap="4px"
      direction="row"
      alignItems="flex-start"
      position="relative"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Moleculespagination")}
    >
      <Flex
        padding="0px 0px 0px 0px"
        width="24px"
        height="24px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3780")}
      >
        <View
          padding="0px 0px 0px 0px"
          width="24px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          {...getOverrideProps(overrides, "Group 37731774015")}
        >
          <View
            width="24px"
            height="24px"
            position="absolute"
            top="0px"
            left="0px"
            border="1px SOLID rgba(255,114,94,1)"
            borderRadius="4px"
            padding="0px 0px 0px 0px"
            backgroundColor="rgba(255,255,255,1)"
            {...getOverrideProps(overrides, "Rectangle 191774013")}
          ></View>
        </View>
        <Atomsiconspageleft
          display="flex"
          gap="10px"
          position="absolute"
          top="3px"
          left="4px"
          direction="row"
          alignItems="flex-start"
          overflow="hidden"
          padding="6px 6px 6px 6px"
          {...getOverrideProps(overrides, "atoms/icons/pageleft1774037")}
        ></Atomsiconspageleft>
      </Flex>
      <Flex
        padding="0px 0px 0px 0px"
        width="24px"
        height="24px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3778")}
      >
        <View
          width="24px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          border="1px SOLID rgba(255,114,94,1)"
          borderRadius="4px"
          padding="0px 0px 0px 0px"
          backgroundColor="rgba(255,114,94,1)"
          {...getOverrideProps(overrides, "Rectangle 191774029")}
        ></View>
        <Text
          fontFamily="Roboto"
          fontSize="12px"
          fontWeight="400"
          color="rgba(255,255,255,1)"
          lineHeight="16px"
          textAlign="left"
          display="flex"
          direction="column"
          justifyContent="flex-start"
          position="absolute"
          top="4px"
          left="9px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="1"
          {...getOverrideProps(overrides, "1")}
        ></Text>
      </Flex>
      <Flex
        padding="0px 0px 0px 0px"
        width="24px"
        height="24px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3774")}
      >
        <View
          width="24px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          border="1px SOLID rgba(255,114,94,1)"
          borderRadius="4px"
          padding="0px 0px 0px 0px"
          backgroundColor="rgba(255,255,255,1)"
          {...getOverrideProps(overrides, "Rectangle 191774017")}
        ></View>
        <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="9px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="2"
          {...getOverrideProps(overrides, "2")}
        ></Text>
      </Flex>
      <Flex
        padding="0px 0px 0px 0px"
        width="24px"
        height="24px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3782")}
      >
        <View
          padding="0px 0px 0px 0px"
          width="24px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          {...getOverrideProps(overrides, "Group 3776")}
        >
          <View
            width="24px"
            height="24px"
            position="absolute"
            top="0px"
            left="0px"
            border="1px SOLID rgba(255,114,94,1)"
            borderRadius="4px"
            padding="0px 0px 0px 0px"
            backgroundColor="rgba(255,255,255,1)"
            {...getOverrideProps(overrides, "Rectangle 191774023")}
          ></View>
        </View>
        <Flex
          gap="3px"
          position="absolute"
          top="4px"
          left="4px"
          direction="row"
          justifyContent="center"
          alignItems="center"
          padding="7.5px 3.5px 7.5px 3.5px"
          {...getOverrideProps(overrides, "molecules/icons/more")}
        ></Flex>
      </Flex>
      <Flex
        padding="0px 0px 0px 0px"
        width="24px"
        height="24px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3777")}
      >
        <View
          width="24px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          border="1px SOLID rgba(255,114,94,1)"
          borderRadius="4px"
          padding="0px 0px 0px 0px"
          backgroundColor="rgba(255,255,255,1)"
          {...getOverrideProps(overrides, "Rectangle 191774026")}
        ></View>
        <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="9px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="9"
          {...getOverrideProps(overrides, "9")}
        ></Text>
      </Flex>
      <Flex
        padding="0px 0px 0px 0px"
        width="24px"
        height="24px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3779")}
      >
        <View
          width="24px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          border="1px SOLID rgba(255,114,94,1)"
          borderRadius="4px"
          padding="0px 0px 0px 0px"
          backgroundColor="rgba(255,255,255,1)"
          {...getOverrideProps(overrides, "Rectangle 191774032")}
        ></View>
        <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="5px"
          padding="0px 0px 0px 0px"
          whiteSpace="pre-wrap"
          children="10"
          {...getOverrideProps(overrides, "10")}
        ></Text>
      </Flex>
      <Flex
        padding="0px 0px 0px 0px"
        width="24px"
        height="24px"
        shrink="0"
        position="relative"
        {...getOverrideProps(overrides, "Group 3781")}
      >
        <View
          padding="0px 0px 0px 0px"
          width="24px"
          height="24px"
          position="absolute"
          top="0px"
          left="0px"
          {...getOverrideProps(overrides, "Group 37731774043")}
        >
          <View
            width="24px"
            height="24px"
            position="absolute"
            top="0px"
            left="0px"
            border="1px SOLID rgba(255,114,94,1)"
            borderRadius="4px"
            padding="0px 0px 0px 0px"
            backgroundColor="rgba(255,255,255,1)"
            {...getOverrideProps(overrides, "Rectangle 191774044")}
          ></View>
        </View>
        <Atomsiconspageleft
          display="flex"
          gap="10px"
          position="absolute"
          top="3px"
          left="4px"
          direction="row"
          alignItems="flex-start"
          overflow="hidden"
          padding="6px 6px 6px 6px"
          {...getOverrideProps(overrides, "atoms/icons/pageleft1774045")}
        ></Atomsiconspageleft>
      </Flex>
    </Flex>
  );
}