/***************************************************************************
 * 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, View } from "@aws-amplify/ui-react";
export default function Moleculessearch(props) {
  const { overrides, ...rest } = props;
  return (
    <Flex
      gap="10px"
      direction="column"
      width="513px"
      height="38px"
      position="relative"
      padding="0px 0px 0px 0px"
      {...rest}
      {...getOverrideProps(overrides, "Moleculessearch")}
    >
      <View
        width="512px"
        height="38px"
        shrink="0"
        position="relative"
        padding="0px 0px 0px 0px"
        {...getOverrideProps(overrides, "Frame 18")}
      >
        <View
          padding="0px 0px 0px 0px"
          width="513px"
          height="38px"
          position="absolute"
          top="0px"
          left="0px"
          {...getOverrideProps(overrides, "Group 29")}
        >
          <Flex
            gap="4px"
            position="absolute"
            top="0px"
            left="0px"
            direction="row"
            width="513px"
            alignItems="center"
            border="1px SOLID rgba(227,227,227,1)"
            borderRadius="8px"
            padding="3px 15px 3px 15px"
            backgroundColor="rgba(255,255,255,1)"
            {...getOverrideProps(overrides, "molecules/search1")}
          ></Flex>
        </View>
      </View>
    </Flex>
  );
}