/***************************************************************************
 * 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 Atomslogo from "./Atomslogo";
import Atomsavatar from "./Atomsavatar";
import Atomsiconsnotification from "./Atomsiconsnotification";
import { Flex, View } from "@aws-amplify/ui-react";
import Moleculesbuttonprimarymoleculesheadernavwoiconmoleculesheadernavwicon from "./Moleculesbuttonprimarymoleculesheadernavwoiconmoleculesheadernavwicon";
import Moleculessearch from "./Moleculessearch";
import Atomsiconsclose from "./Atomsiconsclose";
export default function Organismsheaderfocused(props) {
  const { overrides, ...rest } = props;
  return (
    <View
      width="1366px"
      height="68px"
      position="relative"
      padding="0px 0px 0px 0px"
      backgroundImage="linear-gradient(-90deg, rgba(140,82,198,1), rgba(104,55,153,1))"
      {...rest}
      {...getOverrideProps(overrides, "Organismsheaderfocused")}
    >
      <View
        padding="0px 0px 0px 0px"
        width="1165px"
        height="40px"
        position="absolute"
        top="14px"
        left="100px"
        {...getOverrideProps(overrides, "Group 3771")}
      >
        <Atomslogo
          display="flex"
          gap="10px"
          position="absolute"
          top="15%"
          bottom="15.49%"
          left="0%"
          right="88.41%"
          direction="column"
          width="135px"
          height="27.8px"
          padding="0px 0px 0px 0px"
          {...getOverrideProps(overrides, "atoms/logo")}
        ></Atomslogo>
        <View
          padding="0px 0px 0px 0px"
          width="88px"
          height="40px"
          position="absolute"
          top="0px"
          left="1077px"
          {...getOverrideProps(overrides, "Group 12")}
        >
          <Atomsavatar
            display="flex"
            gap="10px"
            position="absolute"
            top="0%"
            bottom="0%"
            left="54.55%"
            right="0%"
            direction="row"
            alignItems="flex-start"
            padding="4px 4px 4px 4px"
            {...getOverrideProps(overrides, "atoms/avatar")}
          ></Atomsavatar>
          <Atomsiconsnotification
            position="absolute"
            top="22.2%"
            bottom="22.19%"
            left="0%"
            right="72.73%"
            overflow="hidden"
            padding="0px 0px 0px 0px"
            {...getOverrideProps(overrides, "atoms/icons/notification")}
          ></Atomsiconsnotification>
        </View>
        <View
          width="258px"
          height="27.8px"
          position="absolute"
          top="6px"
          left="192px"
          padding="0px 0px 0px 0px"
          {...getOverrideProps(overrides, "Frame 17")}
        >
          <View
            padding="0px 0px 0px 0px"
            width="242px"
            height="30px"
            position="absolute"
            top="-1px"
            left="18px"
            {...getOverrideProps(overrides, "Group 13")}
          >
            <View
              width="46px"
              position="absolute"
              top="0%"
              bottom="0%"
              left="calc(50% - 23px - 98px)"
              borderRadius="4px"
              padding="0px 0px 0px 0px"
              {...getOverrideProps(overrides, "Frame 11")}
            >
              <Flex
                gap="10px"
                position="absolute"
                top="0%"
                bottom="0%"
                left="-8.7%"
                right="-8.7%"
                direction="row"
                alignItems="center"
                padding="4px 8px 4px 8px"
                {...getOverrideProps(overrides, "molecules/headernav/wo icon")}
              ></Flex>
            </View>
            <Moleculesbuttonprimarymoleculesheadernavwoiconmoleculesheadernavwicon
              display="flex"
              gap="4px"
              position="absolute"
              top="0px"
              left="58px"
              direction="row"
              alignItems="center"
              borderRadius="4px"
              padding="4px 4px 4px 8px"
              {...getOverrideProps(
                overrides,
                "molecules/button/primary/molecules/headernav/wo icon/molecules/headernav/w icon7163248"
              )}
            ></Moleculesbuttonprimarymoleculesheadernavwoiconmoleculesheadernavwicon>
            <Moleculesbuttonprimarymoleculesheadernavwoiconmoleculesheadernavwicon
              display="flex"
              gap="4px"
              position="absolute"
              top="0px"
              left="149px"
              direction="row"
              alignItems="center"
              borderRadius="4px"
              padding="4px 4px 4px 8px"
              {...getOverrideProps(
                overrides,
                "molecules/button/primary/molecules/headernav/wo icon/molecules/headernav/w icon7163249"
              )}
            ></Moleculesbuttonprimarymoleculesheadernavwoiconmoleculesheadernavwicon>
          </View>
        </View>
        <Moleculessearch
          display="flex"
          gap="10px"
          position="absolute"
          top="1px"
          left="507px"
          direction="column"
          width="513px"
          height="38px"
          padding="0px 0px 0px 0px"
          {...getOverrideProps(overrides, "molecules/search")}
        ></Moleculessearch>
      </View>
      <Atomsiconsclose
        display="flex"
        gap="10px"
        position="absolute"
        top="22px"
        left="1080px"
        direction="row"
        alignItems="flex-start"
        padding="0px 0px 0px 0px"
        {...getOverrideProps(overrides, "atoms/icons/close")}
      ></Atomsiconsclose>
    </View>
  );
}