@gympass/yoga 7.88.0 → 7.88.2

package/esm/Card/native/Card/Card.js

@@ -0,0 +1,181 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled from "styled-components";
+import { string, shape, oneOf, node } from "prop-types";
+import Text from "../../../Text";
+import Box from "../../../Box";
+const CardShadow = styled(Box).attrs(
+  ({
+    theme: {
+      yoga: {
+        components: {
+          card: { elevation }
+        }
+      }
+    }
+  }) => ({
+    elevation
+  })
+)``;
+const CardStyled = styled(Box).attrs(
+  ({
+    variant,
+    theme: {
+      yoga: {
+        colors: { [variant]: color },
+        components: { card }
+      }
+    }
+  }) => ({
+    elevation: card.elevation,
+    pt: card.padding.top,
+    pr: card.padding.right,
+    pb: card.padding.bottom,
+    pl: card.padding.left,
+    bRadius: card.radii,
+    bgColor: variant ? color : card.backgroundColor,
+    overflow: "hidden"
+  })
+)``;
+const Ribbon = styled.View`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      components: { card },
+      spacing,
+      colors: { elements, [variant]: color, white, dark }
+    }
+  }
+}) => `
+    align-self: flex-start;
+
+    margin-bottom: ${card.padding.bottom}px;
+    margin-left: -${card.padding.left}px;
+
+    padding:
+      ${spacing.xxxsmall}px
+      ${spacing.xsmall}px
+      ${spacing.xxxsmall}px
+      ${spacing.small}px;
+
+    border-top-right-radius: ${card.ribbon.radius}px;
+    border-bottom-right-radius: ${card.ribbon.radius}px;
+    background-color: ${variant ? color : elements.backgroundAndDisabled};
+
+    color: ${variant ? white : dark};
+  `}
+`;
+const RibbonText = styled(Text.Tiny)`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      colors: { white, dark }
+    }
+  }
+}) => `
+    color: ${variant ? white : dark};
+  `}
+`;
+const Card = React.forwardRef((_a, ref) => {
+  var _b = _a, { ribbon, children } = _b, rest = __objRest(_b, ["ribbon", "children"]);
+  return /* @__PURE__ */ jsx(CardShadow, { children: /* @__PURE__ */ jsxs(CardStyled, __spreadProps(__spreadValues({ ref }, rest), { children: [
+    Object.keys(ribbon).length > 0 && /* @__PURE__ */ jsx(Ribbon, { variant: ribbon.variant, children: /* @__PURE__ */ jsx(RibbonText, { variant: ribbon.variant, children: ribbon.text }) }),
+    children
+  ] })) });
+});
+Card.propTypes = {
+  /** text: the content inside the Card Ribbon
+   * variant: style the card following the theme (primary, secondary, vibin,
+   * hope, energy, relax, peace, verve, uplift, deepPurple, deep, stamina, dark,
+   * medium, light, clear, white) */
+  ribbon: shape({
+    text: string,
+    variant: oneOf([
+      "",
+      "primary",
+      "secondary",
+      "vibin",
+      "hope",
+      "energy",
+      "relax",
+      "peace",
+      "verve",
+      "uplift",
+      "deepPurple",
+      "stamina",
+      "dark",
+      "medium",
+      "deep",
+      "light",
+      "clear",
+      "white"
+    ])
+  }),
+  children: node,
+  /** style the card following the theme (primary, secondary, vibin, hope,
+   * energy, relax, peace, verve, uplift, deepPurple, deep, stamina, dark,
+   * medium, light, clear, white) */
+  variant: oneOf([
+    "",
+    "primary",
+    "secondary",
+    "vibin",
+    "hope",
+    "energy",
+    "relax",
+    "peace",
+    "verve",
+    "uplift",
+    "deepPurple",
+    "stamina",
+    "dark",
+    "medium",
+    "deep",
+    "light",
+    "clear",
+    "white"
+  ])
+};
+Card.defaultProps = {
+  ribbon: {},
+  children: null,
+  variant: ""
+};
+Card.displayName = "Card";
+var Card_default = Card;
+export {
+  Card_default as default
+};

package/esm/Card/native/Card/Card.test.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { Text } from "react-native";
+import { ThemeProvider, Button } from "../../..";
+import Card from ".";
+describe("<Card />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot with default Card", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(Card.Header, { children: /* @__PURE__ */ jsx(Text, { children: "Hello World" }) }),
+          /* @__PURE__ */ jsx(Card.Content, { children: /* @__PURE__ */ jsx(Text, { children: "It's fine here" }) }),
+          /* @__PURE__ */ jsx(Card.Actions, { children: /* @__PURE__ */ jsx(Button, { children: "Action's children must be Button" }) })
+        ] }) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+  });
+});

package/esm/Card/native/Card/Content.js

@@ -0,0 +1,7 @@
+import styled from "styled-components";
+const Content = styled.View``;
+Content.displayName = "Card.Content";
+var Content_default = Content;
+export {
+  Content_default as default
+};

package/esm/Card/native/Card/Header.js

@@ -0,0 +1,7 @@
+import styled from "styled-components";
+const Header = styled.View``;
+Header.displayName = "Card.Header";
+var Header_default = Header;
+export {
+  Header_default as default
+};

package/esm/Card/native/Card/index.js

@@ -0,0 +1,11 @@
+import Card from "./Card";
+import Header from "./Header";
+import Content from "./Content";
+import Actions from "./Actions";
+Card.Header = Header;
+Card.Content = Content;
+Card.Actions = Actions;
+var Card_default = Card;
+export {
+  Card_default as default
+};

package/esm/Card/native/EventCard/EventCard.js

@@ -0,0 +1,212 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled, { withTheme, css } from "styled-components";
+import { shape, string, bool, oneOfType, func } from "prop-types";
+import { Time } from "@gympass/yoga-icons";
+import { TouchableWithoutFeedback } from "react-native";
+import theme from "../../../Theme/helpers/themeReader";
+import Card from "../Card";
+import Text from "../../../Text";
+import Box from "../../../Box";
+import Button from "../../../Button";
+const { spacing, radii, lineHeights } = theme;
+const Event = styled(Card)`
+  flex-direction: row;
+  height: 104px;
+  border-radius: ${radii.regular}px;
+  padding: ${spacing.zero};
+  width: 280px;
+  margin-right: ${spacing.xxsmall};
+  ${({ small }) => small ? css`
+          width: ${spacing.xxxlarge}px;
+        ` : ""}
+`;
+const DateInfo = styled(Box)`
+  justify-content: center;
+  align-items: center;
+  width: 56px;
+`;
+const EventInfo = styled(Box)`
+  flex: 1;
+`;
+const Top = styled(Box)`
+  justify-content: center;
+  align-items: center;
+  height: ${spacing.small}px;
+`;
+const Name = styled(Text.Medium)`
+  margin-bottom: ${spacing.xxxsmall}px;
+  line-height: ${lineHeights.small}px;
+`;
+const Place = styled(Text.Tiny)`
+  width: 180px;
+  margin-bottom: ${spacing.xsmall}px;
+`;
+const Day = styled(Text.H5)`
+  margin-top: ${spacing.xxxsmall}px;
+  margin-bottom: ${spacing.xxxsmall}px;
+`;
+const getIndicatorColor = (active, event) => {
+  if (active)
+    return "white";
+  return event ? "primary" : "light";
+};
+const Indicator = styled(Box)`
+  width: ${spacing.xxsmall}px;
+  height: ${spacing.xxsmall}px;
+`;
+const Row = styled(Box)`
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`;
+const EventTime = styled(Box)`
+  flex-direction: row;
+  align-items: center;
+`;
+const ButtonLink = styled(Button.Link)`
+  align-self: flex-end;
+`;
+const SmallCard = ({
+  date: { month, day, dayOfWeek },
+  active,
+  event,
+  onPress
+}) => /* @__PURE__ */ jsxs(DateInfo, { small: true, pv: "medium", bg: active ? "primary" : "white", children: [
+  /* @__PURE__ */ jsx(Top, { children: onPress ? /* @__PURE__ */ jsx(
+    Indicator,
+    {
+      borderRadius: "small",
+      bgColor: getIndicatorColor(active, Boolean(event))
+    }
+  ) : /* @__PURE__ */ jsx(Text.Tiny, { variant: active ? "white" : "deep", children: month }) }),
+  /* @__PURE__ */ jsx(Day, { variant: active ? "white" : "secondary", children: day }),
+  /* @__PURE__ */ jsx(Text.Tiny, { variant: active ? "white" : "deep", children: String(dayOfWeek).toUpperCase() })
+] });
+const FullCard = withTheme(
+  ({
+    event,
+    date: { month, day, dayOfWeek },
+    link,
+    onLinkPress,
+    theme: {
+      yoga: {
+        components: {
+          card: {
+            event: { icon }
+          }
+        }
+      }
+    }
+  }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DateInfo, { bg: "primary", children: [
+      /* @__PURE__ */ jsx(Top, { children: /* @__PURE__ */ jsx(Text.Tiny, { inverted: true, children: month }) }),
+      /* @__PURE__ */ jsx(Day, { inverted: true, children: day }),
+      /* @__PURE__ */ jsx(Text.Tiny, { inverted: true, children: String(dayOfWeek).toUpperCase() })
+    ] }),
+    /* @__PURE__ */ jsxs(EventInfo, { p: "small", pl: "xsmall", children: [
+      /* @__PURE__ */ jsx(Name, { numberOfLines: 1, size: "small", children: event.name }),
+      /* @__PURE__ */ jsx(Place, { variant: "deep", numberOfLines: 1, children: event.place }),
+      /* @__PURE__ */ jsxs(Row, { children: [
+        /* @__PURE__ */ jsxs(EventTime, { children: [
+          /* @__PURE__ */ jsx(Time, { fill: icon.fill, style: { marginRight: 5 } }),
+          /* @__PURE__ */ jsx(Text.Tiny, { children: event.time })
+        ] }),
+        !!link && /* @__PURE__ */ jsx(ButtonLink, { onPress: onLinkPress, small: true, children: link })
+      ] })
+    ] })
+  ] })
+);
+const EventCard = (_a) => {
+  var _b = _a, { onPress, small } = _b, rest = __objRest(_b, ["onPress", "small"]);
+  return /* @__PURE__ */ jsx(TouchableWithoutFeedback, { onPress, children: /* @__PURE__ */ jsx(Event, __spreadProps(__spreadValues({ small }, rest), { children: small ? /* @__PURE__ */ jsx(SmallCard, __spreadValues({ onPress }, rest)) : /* @__PURE__ */ jsx(FullCard, __spreadValues({}, rest)) })) });
+};
+EventCard.propTypes = {
+  /** event information: { name (string), place (string), time (string) } */
+  event: oneOfType([
+    shape({
+      name: string,
+      place: string,
+      time: string
+    }),
+    bool
+  ]),
+  /** date information: { day (string), dayOfWeek (string), month (string) } */
+  date: shape({
+    day: string,
+    dayOfWeek: string,
+    month: string
+  }).isRequired,
+  small: bool,
+  active: bool,
+  link: string,
+  onLinkPress: func,
+  onPress: func
+};
+EventCard.defaultProps = {
+  small: false,
+  active: false,
+  event: void 0,
+  link: "",
+  onLinkPress: void 0,
+  onPress: void 0
+};
+SmallCard.propTypes = {
+  date: shape({
+    day: string,
+    dayOfWeek: string,
+    month: string
+  }).isRequired,
+  active: bool,
+  event: oneOfType([
+    shape({
+      name: string,
+      place: string,
+      time: string
+    }),
+    bool
+  ]),
+  onPress: func
+};
+SmallCard.defaultProps = {
+  active: false,
+  event: void 0,
+  onPress: void 0
+};
+FullCard.propTypes = EventCard.propTypes;
+EventCard.displayName = "EventCard";
+var EventCard_default = EventCard;
+export {
+  EventCard_default as default
+};

package/esm/Card/native/EventCard/EventCard.test.js

@@ -0,0 +1,73 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { ThemeProvider } from "../../..";
+import EventCard from ".";
+const defaultProps = {
+  event: {
+    name: "Yoga Class",
+    place: "Gympass",
+    time: "19 am"
+  },
+  date: {
+    day: "19",
+    dayOfWeek: "thu",
+    month: "dec"
+  }
+};
+describe("<EventCard />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot with full EventCard", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(EventCard, __spreadValues({}, defaultProps)) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot of small EventCard with event indicator disabled", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(EventCard, __spreadProps(__spreadValues({}, defaultProps), { event: false, small: true, onPress: () => {
+        } })) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot of small EventCard with event indicator enabled", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(EventCard, __spreadProps(__spreadValues({}, defaultProps), { small: true, onPress: () => {
+        } })) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot of small EventCard active", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(EventCard, __spreadProps(__spreadValues({}, defaultProps), { small: true, active: true, onPress: () => {
+        } })) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot of small EventCard with day of week and without indicator", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(EventCard, __spreadProps(__spreadValues({}, defaultProps), { small: true })) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+  });
+});

package/esm/Card/native/EventCard/index.js

@@ -0,0 +1,5 @@
+import EventCard from "./EventCard";
+var EventCard_default = EventCard;
+export {
+  EventCard_default as default
+};

package/esm/Card/native/GymCard/CheckIn/Avatar.js

@@ -0,0 +1,47 @@
+import styled from "styled-components";
+const Avatar = styled.Image`
+  width: 48px;
+  height: 48px;
+
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: {
+          gym: { checkIn }
+        }
+      }
+    }
+  }
+}) => `
+    border-radius: ${checkIn.avatar.border.radius}px;
+  `}
+`;
+Avatar.displayName = "Avatar";
+const Placeholder = styled.View`
+  ${({
+  theme: {
+    yoga: {
+      colors: { elements },
+      components: {
+        card: {
+          gym: { checkIn }
+        }
+      }
+    }
+  }
+}) => `
+    width: 48px;
+    height: 48px;
+
+    align-items: center;
+    justify-content: center;
+
+    border: ${checkIn.avatar.border.width}px solid ${elements.lineAndBorders};
+    border-radius: ${checkIn.avatar.border.radius}px;
+  `}
+`;
+export {
+  Avatar,
+  Placeholder
+};

package/esm/Card/native/GymCard/CheckIn/CheckIn.js

@@ -0,0 +1,113 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled, { withTheme } from "styled-components";
+import { ImagePropTypes } from "deprecated-react-native-prop-types";
+import { string, number } from "prop-types";
+import { Building } from "@gympass/yoga-icons";
+import Card from "../../Card";
+import Rating from "../../../../Rating";
+import Text from "../../../../Text";
+import Header from "./Header";
+import { Avatar, Placeholder } from "./Avatar";
+import Content from "./Content";
+const Wrapper = styled(Card)`
+  width: 160px;
+  min-height: 204px;
+`;
+const Title = styled(Text)`
+  min-height: 40px;
+
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: {
+          gym: { checkIn }
+        }
+      }
+    }
+  }
+}) => `
+    margin-bottom: ${checkIn.title.margin.bottom}px;
+    font-weight: ${checkIn.title.font.weight};
+  `}
+`;
+const CheckIn = (_a) => {
+  var _b = _a, {
+    name,
+    address,
+    avatar,
+    distance,
+    rating,
+    theme: {
+      yoga: {
+        colors: { elements }
+      }
+    }
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "address",
+    "avatar",
+    "distance",
+    "rating",
+    "theme"
+  ]);
+  return /* @__PURE__ */ jsxs(Wrapper, __spreadProps(__spreadValues({}, rest), { children: [
+    /* @__PURE__ */ jsxs(Header, { children: [
+      avatar ? /* @__PURE__ */ jsx(Avatar, { source: avatar }) : /* @__PURE__ */ jsx(Placeholder, { children: /* @__PURE__ */ jsx(Building, { width: 24, height: 26, fill: elements.selectionAndIcons }) }),
+      /* @__PURE__ */ jsx(Text.Tiny, { children: distance })
+    ] }),
+    /* @__PURE__ */ jsx(Rating, { value: rating, icon: { size: 18 } }),
+    /* @__PURE__ */ jsxs(Content, { children: [
+      /* @__PURE__ */ jsx(Title, { numberOfLines: 2, children: name }),
+      /* @__PURE__ */ jsx(Text.Tiny, { numberOfLines: 2, children: address })
+    ] })
+  ] }));
+};
+CheckIn.propTypes = {
+  name: string.isRequired,
+  address: string.isRequired,
+  /** The same as in source prop of Image react-native component */
+  avatar: ImagePropTypes.source,
+  distance: string.isRequired,
+  rating: number.isRequired
+};
+CheckIn.defaultProps = {
+  avatar: void 0
+};
+CheckIn.displayName = "GymCard.CheckIn";
+var CheckIn_default = withTheme(CheckIn);
+export {
+  CheckIn_default as default
+};