allow social share to be clicked from wrapping div

## Describe the new feature or change to an existing feature you'd like to see

Hello,
I'm trying to display our 3 social share methods as stacked rows with a specific design like the following:

[amp social share] [text to explain] [call to action text] [right arrow icon]

so far the design is done, the only thing left is allowing row click to trigger the social share component. Which I couldnt finddocumented anywhere.

## Describe alternatives you've considered

I tried to use an amp script for each row, and have ids that reference the rows, so they could be clicked from the scripts. but for some reason, the click event isn't fired.


if this use case already supported, please point me to the docs/example usage.

Start by reviewing the AMP social share component and its documented usage, especially how click events from surrounding elements are handled. Reproduce the stacked-row example described in this issue and check the attempted amp-script approach. Done means either enabling the wrapping div to trigger the share action or documenting a supported example and limitation.

Written by the indexing model from the issue text.