Flex buttons by default (#297)

Author: markmur

modules/@shopify/checkout-sheet-kit/src/components/AcceleratedCheckoutButtons.tsx

@@ -190,6 +190,8 @@ const RCTAcceleratedCheckoutButtons =
  * />
  */
 
+const defaultStyles = {flex: 1};
+
 export const AcceleratedCheckoutButtons: React.FC<
   AcceleratedCheckoutButtonsProps
 > = ({
@@ -308,7 +310,7 @@ export const AcceleratedCheckoutButtons: React.FC<
   return (
     <RCTAcceleratedCheckoutButtons
       applePayLabel={applePayLabel}
-      style={dynamicHeight ? {height: dynamicHeight} : undefined}
+      style={{...defaultStyles, height: dynamicHeight}}
       checkoutIdentifier={checkoutIdentifier}
       cornerRadius={cornerRadius}
       wallets={wallets}

modules/@shopify/checkout-sheet-kit/tests/AcceleratedCheckoutButtons.test.tsx

@@ -296,7 +296,10 @@ describe('AcceleratedCheckoutButtons', () => {
         nativeComponent.props.onSizeChange({nativeEvent: {height: 42}});
       });
       nativeComponent = getByTestId('accelerated-checkout-buttons');
-      expect(nativeComponent.props.style).toEqual({height: 42});
+      expect(nativeComponent.props.style).toEqual({
+        flex: 1,
+        height: 42,
+      });
     });
 
     it('warns and returns null when missing identifiers in production', () => {