https://codepen.io/Sparky1609/pen/LYObKWq

Drop down menu
The Arrow image in the image is inside my div class. I need handle function(onClick) so when it is clicked I need to display the Drop Down menu.
my react code:

    <Styled.Container w={width}>
      <Styled.Select required {...props}>
        {children}
      </Styled.Select>
      <div onClick={handleClick}>
        <FiChevronDown
          size={14}
          strokeWidth={4}
          color={Colors.black}
          width={14}
        />
      </div>
    </Styled.Container>

This is my style for Styled.Container

display: flex;
    position: relative;
    align-items: center;
    @media screen and (max-width: ${Breakpoints.xs}) {
      width: 100%;
    }
    div {
      position: absolute;
      right: 0;
      cursor: pointer;
    }
    svg {
      margin-left: 8px;
    }

I need handleclick function for my div tag. So when I click that my selection input field should open.