[Feat] Custom style to MapControl

Target Use Case

I'm trying to make a "full height" MapControl.

Proposal

Ideally I would be able to pass in a custom style to the component, setting {bottom: "0px"}.

I managed with a workaround that seems very fragile:

  const map = useMap();

  useEffect(() => {
    const control = map?.controls[position].getAt(0);
    if (control?.style)
      control.style.bottom = "0px";
  }, [map, position]);

which works because it's the only component I will have in that position, but any other position I'm screwed 😅

Start at the MapControl component and its current control styling and positioning behavior. Determine how a custom style could set values such as bottom without depending on the first control in a position, then verify that styling works when multiple controls share positions.