Add ButtonGroup Component

[ben-ryder]

What is your component idea? It is quite common to have button groups (for example a cancel & save button together). Having a button group component would be good to keep this consistant.

What are your initial ideas component usage (component props, styling variations etc)?

<ButtonGroup>
   <Button styling="destructive">Delete</Button>
   <Button>Save</Button>
</ButtonGroup>

• Maybe there could be a spacing prop for spacing between buttons?

• Could export ButtonGroup.Wrapper and ButtonGroup.Item as a base, to allow for customization?

  <ButtonGroup>
    <ButtonGroup.Wrapper>
      <ButtonGroup.Item>
        <Button styling="destructive">Delete</Button>
      </ButtonGroup.Item>
      <ButtonGroup.Item>
        <Button>Save</Button>
      </ButtonGroup.Item>
  </ButtonGroup.Wrapper>
</ButtonGroup>

What are your initial ideas for styling? no styling, just adds a single flex wrapper and spacing around the buttons.

Additional context

[ben-ryder]

closing as related to old React library