@bacon-pos/ui 0.1.0

package/lib/commonjs/components/Button/Button.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = Button;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Visual styles — 1:1 with the Figma "Round buttons" style variants. */
+
+/** `round` = pill (default), `square` = 16px corner radius. */
+
+const SIZES = {
+  sm: {
+    height: 48,
+    paddingHorizontal: 16,
+    gap: 10,
+    textVariant: 'bodyMedium',
+    iconSize: 20
+  },
+  md: {
+    height: 58,
+    paddingHorizontal: 24,
+    gap: 10,
+    textVariant: 'bodyLarge',
+    iconSize: 24
+  },
+  lg: {
+    height: 74,
+    paddingHorizontal: 24,
+    gap: 10,
+    textVariant: 'bodyLarge',
+    iconSize: 24
+  },
+  xl: {
+    height: 90,
+    paddingHorizontal: 24,
+    gap: 10,
+    textVariant: 'bodyLarge',
+    iconSize: 24
+  }
+};
+function getVariantColors(theme, variant) {
+  const {
+    action,
+    state,
+    border
+  } = theme.colors;
+  const base = {
+    borderColor: 'transparent',
+    borderWidth: 0
+  };
+  switch (variant) {
+    case 'secondary':
+      return {
+        backgroundColor: action.secondary,
+        textColor: action.secondaryForeground,
+        borderColor: border.default,
+        borderWidth: 1
+      };
+    case 'inverse':
+      return {
+        backgroundColor: action.inverse,
+        textColor: action.inverseForeground,
+        ...base
+      };
+    case 'destructive':
+      return {
+        backgroundColor: state.destructiveSubtle,
+        textColor: state.destructiveSubtleForeground,
+        ...base
+      };
+    case 'success':
+      return {
+        backgroundColor: state.success,
+        textColor: state.successForeground,
+        ...base
+      };
+    case 'successSubtle':
+      return {
+        backgroundColor: state.successSubtle,
+        textColor: state.successSubtleForeground,
+        ...base
+      };
+    case 'default':
+    default:
+      return {
+        backgroundColor: action.primary,
+        textColor: action.primaryForeground,
+        ...base
+      };
+  }
+}
+
+/**
+ * Text button — faithful to the Bacon POS Figma "Buttons" frame.
+ * Colors, sizes, radii and states are driven by theme tokens.
+ */
+function Button({
+  variant = 'default',
+  size = 'lg',
+  shape = 'round',
+  label,
+  loading = false,
+  disabled = false,
+  fullWidth = false,
+  leftIcon,
+  rightIcon,
+  topIcon,
+  style,
+  ...rest
+}) {
+  const theme = (0, _index.useTheme)();
+  const sizeConfig = SIZES[size];
+  const isDisabled = disabled || loading;
+  const colors = (0, _react.useMemo)(() => {
+    const variantColors = getVariantColors(theme, variant);
+    if (!isDisabled) return variantColors;
+    return {
+      backgroundColor: theme.colors.disabled.background,
+      textColor: theme.colors.disabled.foreground,
+      borderColor: variantColors.borderWidth > 0 ? theme.colors.disabled.border : 'transparent',
+      borderWidth: variantColors.borderWidth
+    };
+  }, [theme, variant, isDisabled]);
+  const borderRadius = shape === 'square' ? theme.radii.xl : theme.radii.pill;
+  // Vertical (icon-on-top) layout is only allowed for the square shape.
+  const isVertical = shape === 'square' && !!topIcon;
+  const containerStyle = (0, _react.useMemo)(() => ({
+    pressed
+  }) => [{
+    ...(isVertical ? {
+      paddingVertical: 16,
+      flexDirection: 'column'
+    } : {
+      height: sizeConfig.height,
+      flexDirection: 'row'
+    }),
+    paddingHorizontal: sizeConfig.paddingHorizontal,
+    borderRadius,
+    borderWidth: colors.borderWidth,
+    borderColor: colors.borderColor,
+    backgroundColor: colors.backgroundColor,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: isVertical ? 16 : sizeConfig.gap,
+    opacity: pressed && !isDisabled ? 0.9 : 1,
+    alignSelf: fullWidth ? 'stretch' : 'flex-start'
+  }, style], [isVertical, sizeConfig, borderRadius, colors, isDisabled, fullWidth, style]);
+  const iconBox = {
+    width: sizeConfig.iconSize,
+    height: sizeConfig.iconSize,
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: isDisabled,
+      busy: loading
+    },
+    disabled: isDisabled,
+    style: containerStyle,
+    ...rest,
+    children: isVertical ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: colors.textColor,
+        size: "small"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: iconBox,
+        children: topIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: sizeConfig.textVariant,
+        weight: "medium",
+        color: colors.textColor,
+        align: "center",
+        children: label
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: colors.textColor,
+        size: "small"
+      }) : leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: iconBox,
+        children: leftIcon
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: sizeConfig.textVariant,
+        weight: "medium",
+        color: colors.textColor,
+        children: label
+      }), !loading && rightIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: iconBox,
+        children: rightIcon
+      }) : null]
+    })
+  });
+}
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","SIZES","sm","height","paddingHorizontal","gap","textVariant","iconSize","md","lg","xl","getVariantColors","theme","variant","action","state","border","colors","base","borderColor","borderWidth","backgroundColor","secondary","textColor","secondaryForeground","default","inverse","inverseForeground","destructiveSubtle","destructiveSubtleForeground","success","successForeground","successSubtle","successSubtleForeground","primary","primaryForeground","Button","size","shape","label","loading","disabled","fullWidth","leftIcon","rightIcon","topIcon","style","rest","useTheme","sizeConfig","isDisabled","useMemo","variantColors","background","foreground","borderRadius","radii","pill","isVertical","containerStyle","pressed","paddingVertical","flexDirection","alignItems","justifyContent","opacity","alignSelf","iconBox","width","jsx","Pressable","accessibilityRole","accessibilityState","busy","children","jsxs","Fragment","ActivityIndicator","color","View","Text","weight","align"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/Button.stories.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.XLarge = exports.WithRightIcon = exports.WithLeftIcon = exports.SuccessSubtle = exports.Success = exports.SquareWithTopIcon = exports.Square = exports.Small = exports.Secondary = exports.Medium = exports.Loading = exports.Large = exports.Inverse = exports.FullWidth = exports.Disabled = exports.Destructive = exports.Default = void 0;
+var _Button = require("./Button.js");
+var _Icon = require("../Icon/Icon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Button',
+  component: _Button.Button,
+  args: {
+    label: 'Make a new sale',
+    variant: 'default',
+    size: 'lg',
+    shape: 'round'
+  },
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['default', 'secondary', 'inverse', 'destructive', 'success', 'successSubtle']
+    },
+    size: {
+      control: 'select',
+      options: ['sm', 'md', 'lg', 'xl']
+    },
+    shape: {
+      control: 'inline-radio',
+      options: ['round', 'square']
+    },
+    onPress: {
+      action: 'pressed'
+    }
+  }
+};
+var _default = exports.default = meta;
+const Default = exports.Default = {
+  args: {
+    variant: 'default'
+  }
+};
+const Secondary = exports.Secondary = {
+  args: {
+    variant: 'secondary'
+  }
+};
+const Inverse = exports.Inverse = {
+  args: {
+    variant: 'inverse'
+  }
+};
+const Destructive = exports.Destructive = {
+  args: {
+    variant: 'destructive'
+  }
+};
+const Success = exports.Success = {
+  args: {
+    variant: 'success'
+  }
+};
+const SuccessSubtle = exports.SuccessSubtle = {
+  args: {
+    variant: 'successSubtle'
+  }
+};
+const Small = exports.Small = {
+  args: {
+    size: 'sm'
+  }
+};
+const Medium = exports.Medium = {
+  args: {
+    size: 'md'
+  }
+};
+const Large = exports.Large = {
+  args: {
+    size: 'lg'
+  }
+};
+const XLarge = exports.XLarge = {
+  args: {
+    size: 'xl'
+  }
+};
+const Square = exports.Square = {
+  args: {
+    shape: 'square'
+  }
+};
+const Loading = exports.Loading = {
+  args: {
+    loading: true
+  }
+};
+const Disabled = exports.Disabled = {
+  args: {
+    disabled: true
+  }
+};
+const FullWidth = exports.FullWidth = {
+  args: {
+    fullWidth: true
+  }
+};
+const WithLeftIcon = exports.WithLeftIcon = {
+  args: {
+    leftIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "plus",
+      size: 24,
+      color: "#121416"
+    })
+  }
+};
+const WithRightIcon = exports.WithRightIcon = {
+  args: {
+    rightIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "arrow-right",
+      size: 24,
+      color: "#121416"
+    })
+  }
+};
+
+// `topIcon` renders a vertical stack — only honored when shape="square".
+const SquareWithTopIcon = exports.SquareWithTopIcon = {
+  args: {
+    shape: 'square',
+    label: 'Make a sale',
+    topIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "plus",
+      size: 24,
+      color: "#121416"
+    })
+  }
+};
+//# sourceMappingURL=Button.stories.js.map

package/lib/commonjs/components/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Button","require","_Icon","_jsxRuntime","meta","title","component","Button","args","label","variant","size","shape","argTypes","control","options","onPress","action","_default","exports","default","Default","Secondary","Inverse","Destructive","Success","SuccessSubtle","Small","Medium","Large","XLarge","Square","Loading","loading","Disabled","disabled","FullWidth","fullWidth","WithLeftIcon","leftIcon","jsx","Icon","name","color","WithRightIcon","rightIcon","SquareWithTopIcon","topIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/Button.test.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNative2 = require("@testing-library/react-native");
+var _Button = require("./Button.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderWithTheme(ui) {
+  return (0, _reactNative2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('Button', () => {
+  it('renders its label', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Place order"
+    }));
+    expect(_reactNative2.screen.getByText('Place order')).toBeTruthy();
+  });
+  it('calls onPress when tapped', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Pay",
+      onPress: onPress
+    }));
+    _reactNative2.fireEvent.press(_reactNative2.screen.getByText('Pay'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('does not call onPress when disabled', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Pay",
+      disabled: true,
+      onPress: onPress
+    }));
+    _reactNative2.fireEvent.press(_reactNative2.screen.getByRole('button'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+  it('keeps the label visible and blocks presses while loading', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Pay",
+      loading: true,
+      onPress: onPress
+    }));
+    expect(_reactNative2.screen.getByText('Pay')).toBeTruthy();
+    _reactNative2.fireEvent.press(_reactNative2.screen.getByRole('button'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+  it('renders a square button with a top icon and its label', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Make a sale",
+      shape: "square",
+      topIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: "ICON"
+      })
+    }));
+    expect(_reactNative2.screen.getByText('Make a sale')).toBeTruthy();
+    expect(_reactNative2.screen.getByText('ICON')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.js.map

package/lib/commonjs/components/Button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNative2","_Button","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Button","label","expect","screen","getByText","toBeTruthy","onPress","jest","fn","fireEvent","press","toHaveBeenCalledTimes","disabled","getByRole","not","toHaveBeenCalled","loading","shape","topIcon","Text"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _Button.Button;
+  }
+});
+var _Button = require("./Button.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Button","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/Card/Card.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card = Card;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function Radio({
+  selected,
+  theme
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 10,
+      alignItems: 'center',
+      justifyContent: 'center',
+      ...(selected ? {
+        backgroundColor: theme.colors.action.primary
+      } : {
+        borderWidth: 1.5,
+        borderColor: theme.colors.border.strong
+      })
+    },
+    children: selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "check",
+      size: 14,
+      color: theme.colors.action.primaryForeground
+    }) : null
+  });
+}
+
+/**
+ * Selectable card — faithful to the Bacon POS Figma "Card". A padded rounded
+ * surface with an optional icon, title, description and a radio indicator;
+ * `selected` applies the lime surface, border and focus ring.
+ */
+function Card({
+  title,
+  description,
+  icon,
+  selected = false,
+  showRadio = true,
+  onPress,
+  disabled = false,
+  children,
+  style,
+  accessibilityLabel
+}) {
+  const theme = (0, _index.useTheme)();
+  const baseStyle = (0, _react.useMemo)(() => {
+    return {
+      gap: theme.spacing.md,
+      padding: theme.spacing['2xl'],
+      borderRadius: theme.radii['3xl'],
+      overflow: 'hidden',
+      borderWidth: 1,
+      borderColor: selected ? theme.colors.border.focus : 'transparent',
+      backgroundColor: selected ? theme.colors.brand.accentSubtle // surface/selected #faffe6 (accent tint)
+      : theme.colors.background.default,
+      ...(selected ? {
+        boxShadow: [{
+          offsetX: 0,
+          offsetY: 0,
+          blurRadius: 0,
+          spreadDistance: 6,
+          color: 'rgba(201, 255, 0, 0.15)'
+        }]
+      } : null),
+      opacity: disabled ? 0.5 : 1
+    };
+  }, [theme, selected, disabled]);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: icon,
+      size: 24,
+      color: "primary"
+    }) : null, title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "h3",
+      weight: "semibold",
+      color: "primary",
+      numberOfLines: 1,
+      children: title
+    }) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "bodyMedium",
+      color: "tertiary",
+      children: description
+    }) : null, children, showRadio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'absolute',
+        top: 24,
+        right: 24
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Radio, {
+        selected: selected,
+        theme: theme
+      })
+    }) : null]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [baseStyle, style],
+      children: content
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected,
+      disabled
+    },
+    accessibilityLabel: accessibilityLabel ?? title,
+    disabled: disabled,
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [baseStyle, {
+      opacity: disabled ? 0.5 : pressed ? 0.96 : 1
+    }, style],
+    children: content
+  });
+}
+//# sourceMappingURL=Card.js.map

package/lib/commonjs/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_Icon","_Text","_jsxRuntime","Radio","selected","theme","jsx","View","style","width","height","borderRadius","alignItems","justifyContent","backgroundColor","colors","action","primary","borderWidth","borderColor","border","strong","children","Icon","name","size","color","primaryForeground","Card","title","description","icon","showRadio","onPress","disabled","accessibilityLabel","useTheme","baseStyle","useMemo","gap","spacing","md","padding","radii","overflow","focus","brand","accentSubtle","background","default","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","opacity","content","jsxs","Fragment","Text","variant","weight","numberOfLines","position","top","right","Pressable","accessibilityRole","accessibilityState","pressed"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Card/Card.stories.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Selected = exports.Selectable = exports.NoRadio = exports.NoIcon = exports.Default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Card = require("./Card.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Card',
+  component: _Card.Card,
+  args: {
+    title: 'Title',
+    description: 'In a world where creativity flows like a river, ideas blossom like flowers.',
+    icon: 'file',
+    showRadio: true
+  },
+  argTypes: {
+    selected: {
+      control: 'boolean'
+    },
+    showRadio: {
+      control: 'boolean'
+    },
+    icon: {
+      control: 'text'
+    },
+    onPress: {
+      action: 'pressed'
+    }
+  },
+  decorators: [Story => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 350,
+      padding: 16,
+      backgroundColor: '#F2F4F7'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+  })]
+};
+var _default = exports.default = meta;
+const Default = exports.Default = {
+  args: {
+    selected: false
+  }
+};
+const Selected = exports.Selected = {
+  args: {
+    selected: true
+  }
+};
+const NoIcon = exports.NoIcon = {
+  args: {
+    icon: undefined
+  }
+};
+const NoRadio = exports.NoRadio = {
+  args: {
+    showRadio: false
+  }
+};
+const Selectable = exports.Selectable = {
+  render: () => {
+    const [choice, setChoice] = (0, _react.useState)('a');
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 16
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+        title: "Dine in",
+        description: "Serve the order at a table.",
+        icon: "table",
+        selected: choice === 'a',
+        onPress: () => setChoice('a')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+        title: "Takeaway",
+        description: "Pack the order to go.",
+        icon: "shopping-bag",
+        selected: choice === 'b',
+        onPress: () => setChoice('b')
+      })]
+    });
+  }
+};
+//# sourceMappingURL=Card.stories.js.map