/***************************************************************************
 * 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, View } from "@aws-amplify/ui-react";
export default function Atomsiconsclose(props) {
  const { overrides, ...rest } = props;
  return (
    <Flex
      gap="10px"
      direction="row"
      alignItems="flex-start"
      position="relative"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Atomsiconsclose")}
    >
      <View
        width="24px"
        height="24px"
        shrink="0"
        overflow="hidden"
        position="relative"
        padding="0px 0px 0px 0px"
        {...getOverrideProps(overrides, "x")}
      >
        <Icon
          width="10px"
          height="10px"
          viewBox={{ minX: 0, minY: 0, width: 10, height: 10 }}
          paths={[
            {
              d: "M10.3536 0.353553C10.5488 0.158291 10.5488 -0.158291 10.3536 -0.353553C10.1583 -0.548816 9.84171 -0.548816 9.64645 -0.353553L10.3536 0.353553ZM-0.353553 9.64645C-0.548816 9.84171 -0.548816 10.1583 -0.353553 10.3536C-0.158291 10.5488 0.158291 10.5488 0.353553 10.3536L-0.353553 9.64645ZM9.64645 -0.353553L-0.353553 9.64645L0.353553 10.3536L10.3536 0.353553L9.64645 -0.353553Z",
              stroke: "rgba(104,104,104,1)",
              fillRule: "nonzero",
              strokeLinejoin: "round",
              strokeWidth: 1,
            },
          ]}
          position="absolute"
          top="29.17%"
          bottom="29.17%"
          left="29.17%"
          right="29.17%"
          {...getOverrideProps(overrides, "Vector2452620")}
        ></Icon>
        <Icon
          width="10px"
          height="10px"
          viewBox={{ minX: 0, minY: 0, width: 10, height: 10 }}
          paths={[
            {
              d: "M0.353553 -0.353553C0.158291 -0.548816 -0.158291 -0.548816 -0.353553 -0.353553C-0.548816 -0.158291 -0.548816 0.158291 -0.353553 0.353553L0.353553 -0.353553ZM9.64645 10.3536C9.84171 10.5488 10.1583 10.5488 10.3536 10.3536C10.5488 10.1583 10.5488 9.84171 10.3536 9.64645L9.64645 10.3536ZM-0.353553 0.353553L9.64645 10.3536L10.3536 9.64645L0.353553 -0.353553L-0.353553 0.353553Z",
              stroke: "rgba(104,104,104,1)",
              fillRule: "nonzero",
              strokeLinejoin: "round",
              strokeWidth: 1,
            },
          ]}
          position="absolute"
          top="29.17%"
          bottom="29.17%"
          left="29.17%"
          right="29.17%"
          {...getOverrideProps(overrides, "Vector2452621")}
        ></Icon>
      </View>
    </Flex>
  );
}