Enhance ButtonGroup's justify property from fixed to non-fixed property (#1029)

* feat(button-group): add jusfity prop and set default value

* chore(changeset): add changeset

Author: sungik-choi

.changeset/chilly-ladybugs-laugh.md

@@ -0,0 +1,5 @@
+---
+"@channel.io/bezier-react": patch
+---
+
+Add justify prop to ButtonGroup component

packages/bezier-react/src/components/ButtonGroup/ButtonGroup.tsx

@@ -8,6 +8,7 @@ import ButtonGroupProps from './ButtonGroup.types'
 function ButtonGroup(
   {
     children,
+    justify = 'center',
     withoutSpacing = false,
     ...props
   }: ButtonGroupProps,
@@ -18,7 +19,7 @@ function ButtonGroup(
   return (
     <HStack
       spacing={spacing}
-      justify="center"
+      justify={justify}
       ref={forwardedRef}
       role="group"
       {...props}

packages/bezier-react/src/components/ButtonGroup/ButtonGroup.types.ts

@@ -1,4 +1,6 @@
+/* Internal dependencies */
 import { BezierComponentProps, ChildrenProps } from 'Types/ComponentProps'
+import { HStackProps } from 'Components/Stack'
 
 interface ButtonGroupOptions {
   /**
@@ -11,5 +13,5 @@ interface ButtonGroupOptions {
 export default interface ButtonGroupProps extends
   BezierComponentProps,
   ChildrenProps,
-  ButtonGroupOptions
-{}
+  Pick<HStackProps, 'justify'>,
+  ButtonGroupOptions {}