@gympass/yoga 7.87.0 → 7.88.0

package/esm/Result/native/Result.js

@@ -1,86 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { isValidElement } from 'react';
-import styled from 'styled-components';
-import { arrayOf, string, shape, func, bool, node } from 'prop-types';
-import Text from '../../Text';
-import Attendances from './Attendances';
-import Box from '../../Box';
-var StyledBox = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  ", "\n"])), function (_ref) {
-  var divided = _ref.divided,
-      light = _ref.theme.yoga.colors.light;
-  return divided ? "\n          border-bottom-width: 1px;\n          border-bottom-color: " + light + ";\n        " : '';
-});
-var Content = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  ", "\n"])), function (_ref2) {
-  var _ref2$theme$yoga$spac = _ref2.theme.yoga.spacing,
-      small = _ref2$theme$yoga$spac.small,
-      large = _ref2$theme$yoga$spac.large;
-  return "\n      margin-left: " + small + "px;\n      margin-bottom: " + large + "px;\n    ";
-});
-var Title = styled(Text.Medium)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
-  var medium = _ref3.theme.yoga.lineHeights.medium;
-  return "\n      line-height: " + medium + "px;\n    ";
-});
-/**
- * The Result component is used when you have a list to show. It is applied to
- * the item individually, and has the option of being applied to different
- * formats based on the applied context. */
-
-var Result = function Result(_ref4) {
-  var Avatar = _ref4.avatar,
-      attendances = _ref4.attendances,
-      rate = _ref4.rate,
-      title = _ref4.title,
-      subTitle = _ref4.subTitle,
-      divided = _ref4.divided,
-      children = _ref4.children;
-  return /*#__PURE__*/React.createElement(StyledBox, {
-    divided: divided,
-    display: "flex",
-    flexDirection: "row"
-  }, Avatar && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/isValidElement(Avatar) ? Avatar : /*#__PURE__*/React.createElement(Avatar, null)), /*#__PURE__*/React.createElement(Content, null, !!(attendances != null && attendances.length) && /*#__PURE__*/React.createElement(Attendances, {
-    attendances: attendances,
-    rate: rate
-  }), /*#__PURE__*/React.createElement(Title, {
-    numberOfLines: 1
-  }, title), subTitle && subTitle !== '' && /*#__PURE__*/React.createElement(Text.Small, {
-    numberOfLines: 1,
-    variant: "stamina"
-  }, subTitle), children));
-};
-
-Result.propTypes = {
-  /** The component Avatar */
-  avatar: node.isRequired,
-
-  /** A list with the attendances */
-  attendances: arrayOf(shape({
-    description: string,
-    icon: func
-  })),
-
-  /** The evaluation of the partner */
-  rate: string,
-
-  /** The main title */
-  title: string.isRequired,
-
-  /** The text below the main title */
-  subTitle: string,
-
-  /** If it is to show the divide in the bottom */
-  divided: bool,
-
-  /** The chidren necessary */
-  children: node
-};
-Result.defaultProps = {
-  rate: undefined,
-  divided: false,
-  subTitle: undefined,
-  children: undefined,
-  attendances: undefined
-};
-export default Result;

package/esm/Result/native/Result.test.js

@@ -1,107 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { BuildingFilled } from '@gympass/yoga-icons';
-import { ThemeProvider } from '../..';
-import Result from './Result';
-import Avatar from '../../Avatar';
-import Text from '../../Text';
-var attendanceList = [{
-  description: 'Attendance 01',
-  icon: BuildingFilled
-}, {
-  description: 'Attendance 02',
-  icon: BuildingFilled
-}];
-var entranceList = [{
-  children: 'From 7:30 am to 9:00 pm',
-  variant: 'stamina'
-}];
-var activitiesList = [{
-  children: 'Yoga',
-  variant: 'deep'
-}, {
-  children: 'Meditation',
-  variant: 'deep'
-}, {
-  children: 'Pilates',
-  variant: 'deep'
-}, {
-  children: 'Activity4',
-  variant: 'deep'
-}, {
-  children: 'Activity5',
-  variant: 'deep'
-}];
-var tagsList = [{
-  children: 'Plan x Product availability',
-  variant: 'informative'
-}, {
-  children: 'Restriction',
-  variant: 'attention'
-}];
-describe('<Result />', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Result, {
-      rate: "5.0",
-      avatar: /*#__PURE__*/React.createElement(Avatar.Circle, null),
-      attendances: attendanceList,
-      title: "Jane Doe",
-      subTitle: "Activity",
-      divided: true
-    }, /*#__PURE__*/React.createElement(Result.Details, {
-      items: entranceList,
-      dots: true,
-      renderItem: Text.Small
-    }), /*#__PURE__*/React.createElement(Result.Details, {
-      items: activitiesList,
-      dots: true,
-      limit: 3,
-      renderItem: Text.Small,
-      limitLabel: "activities"
-    }), /*#__PURE__*/React.createElement(Result.Tags, {
-      items: tagsList
-    }), /*#__PURE__*/React.createElement(Result.Button, null, "See Details")))),
-        toJSON = _render.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot without limitLabel prop', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Result, {
-      rate: "5.0",
-      avatar: /*#__PURE__*/React.createElement(Avatar.Circle, null),
-      attendances: attendanceList,
-      title: "John Doe",
-      subTitle: "Activity",
-      divided: true
-    }, /*#__PURE__*/React.createElement(Result.Details, {
-      items: entranceList,
-      dots: true,
-      renderItem: Text.Small
-    }), /*#__PURE__*/React.createElement(Result.Details, {
-      items: activitiesList,
-      dots: true,
-      limit: 2,
-      renderItem: Text.Small
-    }), /*#__PURE__*/React.createElement(Result.Tags, {
-      items: tagsList
-    }), /*#__PURE__*/React.createElement(Result.Button, null, "See Details")))),
-        toJSON = _render2.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot without attendence', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Result, {
-      avatar: /*#__PURE__*/React.createElement(Avatar, null),
-      title: "Gym"
-    }, /*#__PURE__*/React.createElement(Result.Details, {
-      items: entranceList,
-      dots: true
-    }), /*#__PURE__*/React.createElement(Result.Details, {
-      items: activitiesList,
-      dots: true
-    })))),
-        toJSON = _render3.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/esm/Result/native/ResultButton.js

@@ -1,13 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Button from '../../Button';
-var ResultButton = styled(Button.Link)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var _ref$theme$yoga$spaci = _ref.theme.yoga.spacing,
-      xxsmall = _ref$theme$yoga$spaci.xxsmall,
-      xlarge = _ref$theme$yoga$spaci.xlarge;
-  return "\n      margin-top: " + xxsmall + "px;\n      margin-right: " + xlarge + "px;\n    ";
-});
-export default ResultButton;

package/esm/Result/native/Tags.js

@@ -1,41 +0,0 @@
-var _templateObject, _templateObject2;
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { arrayOf, shape } from 'prop-types';
-import styled from 'styled-components';
-import Tag from '../../Tag';
-var TagStyled = styled(Tag.Informative)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin-right: 4px;\n"])));
-var Wrapper = styled.ScrollView(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  ", "\n"])), function (_ref) {
-  var xxsmall = _ref.theme.yoga.spacing.xxsmall;
-  return "\n    margin-top: " + xxsmall + "px;\n  ";
-});
-
-var ResultTags = function ResultTags(_ref2) {
-  var items = _ref2.items;
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    horizontal: true,
-    showsHorizontalScrollIndicator: false
-  }, items.map(function (_ref3, index) {
-    var props = _extends({}, _ref3);
-
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      React.createElement(TagStyled, _extends({
-        small: true,
-        key: index
-      }, props))
-    );
-  }));
-};
-
-ResultTags.displayName = 'Result.Tags';
-ResultTags.propTypes = {
-  /** Props to generate each Tag. See Tag for details */
-  items: arrayOf(shape({})).isRequired
-};
-export default ResultTags;

package/esm/Result/native/TinyTextIcon.js

@@ -1,18 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import Box from '../../Box';
-import Icon from '../../Icon';
-
-var TinyTextIcon = function TinyTextIcon(props) {
-  return /*#__PURE__*/React.createElement(Box, {
-    height: "xsmall",
-    width: "xsmall"
-  }, /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    size: "xsmall",
-    mt: "2px"
-  })));
-};
-
-TinyTextIcon.propTypes = Icon.propTypes;
-export default TinyTextIcon;

package/esm/Result/native/index.js

@@ -1,2 +0,0 @@
-import Result from './Result';
-export default Result;

package/esm/Skeleton/Skeleton.theme.js

@@ -1,24 +0,0 @@
-var Skeleton = function Skeleton(_ref) {
-  var lineHeights = _ref.lineHeights,
-      radii = _ref.radii;
-  return {
-    border: {
-      circular: radii.circle
-    },
-    height: {
-      text: {
-        h1: lineHeights.huge,
-        h2: lineHeights.xxxlarge,
-        h3: lineHeights.xxlarge,
-        h4: lineHeights.xlarge,
-        h5: lineHeights.large,
-        body1: lineHeights.medium,
-        body2: lineHeights.small,
-        overline: lineHeights.xsmall,
-        exception: lineHeights.xxsmall
-      }
-    }
-  };
-};
-
-export default Skeleton;

package/esm/Skeleton/index.js

@@ -1,2 +0,0 @@
-import Skeleton from './web';
-export default Skeleton;

package/esm/Skeleton/index.native.js

@@ -1,2 +0,0 @@
-import Skeleton from './native';
-export default Skeleton;

package/esm/Skeleton/native/Skeleton.js

@@ -1,94 +0,0 @@
-var _excluded = ["animation"];
-
-var _templateObject;
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { checkPropTypes, oneOf } from 'prop-types';
-import React, { useEffect, useState } from 'react';
-import { Animated, Easing } from 'react-native';
-import styled from 'styled-components';
-import { margins, widths, heights } from '@gympass/yoga-system';
-var StyledSkeleton = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  ", "\n\n  ", "\n\n  ", "\n\n   ", "\n"])), margins, widths, heights, function (_ref) {
-  var type = _ref.type,
-      variant = _ref.variant,
-      _ref$theme$yoga = _ref.theme.yoga,
-      colors = _ref$theme$yoga.colors,
-      _ref$theme$yoga$compo = _ref$theme$yoga.components.skeleton,
-      borderRadius = _ref$theme$yoga$compo.border[type],
-      _ref$theme$yoga$compo2 = _ref$theme$yoga$compo.height[type];
-  _ref$theme$yoga$compo2 = _ref$theme$yoga$compo2 === void 0 ? {} : _ref$theme$yoga$compo2;
-  var height = _ref$theme$yoga$compo2[variant];
-  return "\n    background-color: " + colors.elements.backgroundAndDisabled + ";\n    " + (borderRadius ? "border-radius: " + borderRadius + "px;" : '') + "\n    " + (height ? "height: " + height + "px;" : '') + "\n  ";
-});
-
-function Skeleton(_ref2) {
-  var _ref2$animation = _ref2.animation,
-      animation = _ref2$animation === void 0 ? 'pulse' : _ref2$animation,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  var _useState = useState(new Animated.Value(0.4)),
-      opacity = _useState[0];
-
-  useEffect(function () {
-    if (animation) {
-      Animated.loop(Animated.sequence([Animated.timing(opacity, {
-        toValue: 1,
-        delay: 500,
-        duration: 1000,
-        easing: Easing.inOut(Easing.linear),
-        useNativeDriver: true
-      }), Animated.timing(opacity, {
-        toValue: 0.4,
-        duration: 500,
-        easing: Easing.inOut(Easing.linear),
-        useNativeDriver: true
-      })])).start();
-    }
-  }, [opacity]);
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: {
-      opacity: opacity
-    }
-  }, /*#__PURE__*/React.createElement(StyledSkeleton, props));
-}
-
-Skeleton.propTypes = {
-  /**
-   * Determines which type will be rendered. It can be
-   * 'circular', 'rectangular' or 'text'.
-   */
-  type: oneOf(['circular', 'rectangular', 'text']).isRequired,
-
-  /**
-   * style the skeleton following the theme (the variant prop can only be used assemble to type "text").
-   * It can be 'h1', 'h2', 'h3', 'h4', 'h5', 'body1', 'body2', 'overline', or 'exception'
-   */
-  variant: function variant(props, propName, componentName) {
-    var type = props.type;
-
-    if (type !== 'text' && !!props[propName]) {
-      return new Error("The " + propName + " prop must only be used when the type is equal to \"text\".");
-    }
-
-    if (type === 'text') {
-      var _checkPropTypes;
-
-      return checkPropTypes((_checkPropTypes = {}, _checkPropTypes[propName] = oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'body1', 'body2', 'overline', 'exception']).isRequired, _checkPropTypes), props, 'prop', componentName);
-    }
-
-    return null;
-  },
-
-  /**
-   * Determine if the animation will 'pulse' or false;
-   */
-  animation: oneOf(['pulse', false])
-};
-Skeleton.defaultProps = {
-  variant: undefined,
-  animation: 'pulse'
-};
-export default Skeleton;

package/esm/Skeleton/native/Skeleton.test.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider, Skeleton } from '../..';
-describe('<Skeleton />', function () {
-  it('should render the circular skeleton', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "circular",
-      width: 64,
-      height: 64
-    }))),
-        toJSON = _render.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should render the rectangular skeleton', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "rectangular",
-      width: 400,
-      height: 200
-    }))),
-        toJSON = _render2.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should render the text skeleton', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "body1",
-      width: 61,
-      height: 32
-    }))),
-        toJSON = _render3.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should render all text skeleton variants correctly', function () {
-    var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h1",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h2",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h3",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h4",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "h5",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "body1",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "body2",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "overline",
-      width: "100"
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      type: "text",
-      variant: "exception",
-      width: "100"
-    }))),
-        toJSON = _render4.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/esm/Skeleton/native/index.js

@@ -1,2 +0,0 @@
-import Skeleton from './Skeleton';
-export default Skeleton;

package/esm/Slider/Slider.theme.js

@@ -1,74 +0,0 @@
-var Slider = function Slider(_ref) {
-  var colors = _ref.colors,
-      radii = _ref.radii,
-      elevations = _ref.elevations,
-      spacing = _ref.spacing,
-      fontWeights = _ref.fontWeights,
-      fontSizes = _ref.fontSizes;
-  return {
-    track: {
-      backgroundColor: {
-        active: colors.primary,
-        inactive: colors.elements.lineAndBorders
-      },
-      border: {
-        radius: radii.circle
-      }
-    },
-    step: {
-      backgroundColor: {
-        active: colors.primary,
-        inactive: colors.elements.lineAndBorders
-      },
-      border: {
-        radius: radii.circle
-      }
-    },
-    marker: {
-      backgroundColor: colors.primary,
-      border: {
-        color: colors.white,
-        radius: radii.circle
-      },
-      shadow: elevations.small
-    },
-    tooltip: {
-      shadow: elevations.medium,
-      radius: radii.small,
-      backgroundColor: colors.elements.backgroundAndDisabled,
-      distance: spacing.large,
-      padding: {
-        top: spacing.xxxsmall,
-        right: spacing.xxsmall,
-        bottom: spacing.xxxsmall,
-        left: spacing.xxsmall
-      },
-      font: {
-        color: colors.text.secondary,
-        title: {
-          weight: fontWeights.regular
-        },
-        description: {
-          weight: fontWeights.regular
-        }
-      },
-      ribbon: {
-        backgroundColor: colors.primary,
-        radius: radii.small,
-        padding: {
-          top: spacing.xxxsmall,
-          right: spacing.xxsmall,
-          bottom: spacing.xxxsmall,
-          left: spacing.xxsmall
-        },
-        font: {
-          color: colors.white,
-          weight: fontWeights.bold,
-          size: fontSizes.xsmall
-        }
-      }
-    }
-  };
-};
-
-export default Slider;

package/esm/Slider/index.js

@@ -1,2 +0,0 @@
-import Slider from './web/Slider';
-export default Slider;

package/esm/Slider/index.native.js

@@ -1,2 +0,0 @@
-import Slider from './native/Slider';
-export default Slider;

package/esm/Slider/native/Label.js

@@ -1,19 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import { oneOf } from 'prop-types';
-var LabelView = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  align-items: center;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
-var LabelText = styled.Text(function (_ref) {
-  var placement = _ref.placement,
-      baseFont = _ref.theme.yoga.baseFont;
-  return "\n    position: relative;\n    bottom: 5;\n    left: " + (placement === 'left' ? -8 : 0) + "px;\n\n    font-family: " + baseFont.family + ";\n\n    text-align: " + placement + ";\n  ";
-});
-LabelText.propTypes = {
-  placement: oneOf(['left', 'right'])
-};
-LabelText.defaultProps = {
-  placement: 'left'
-};
-export { LabelView, LabelText };

package/esm/Slider/native/Marker.js

@@ -1,69 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { TouchableOpacity, View } from 'react-native';
-import { bool, number, shape, string } from 'prop-types';
-import styled from 'styled-components';
-import { hexToRgb } from '@gympass/yoga-common';
-import Tooltip from './Tooltip';
-import Box from '../../Box';
-var Circle = styled(Box).attrs(function (_ref) {
-  var slider = _ref.theme.yoga.components.slider;
-  return {
-    bgColor: slider.marker.backgroundColor,
-    border: 6,
-    borderColor: slider.marker.border.color,
-    borderRadius: slider.marker.border.radius,
-    elevation: slider.marker.shadow,
-    height: 24,
-    width: 24,
-    top: '2px',
-    position: 'relative',
-    as: TouchableOpacity
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
-var CirclePressed = styled(Circle)(function (_ref2) {
-  var pressed = _ref2.pressed,
-      slider = _ref2.theme.yoga.components.slider;
-  return "\n    " + (pressed ? "\n          background-color: " + hexToRgb(slider.marker.backgroundColor, 0.2) + ";\n          border: none;\n          width: 40px;\n          height: 40px;\n          position: absolute;\n          elevation: 0;\n          top: -6px;\n    " : 'display: none; border: none;') + "\n  ";
-});
-CirclePressed.propTypes = {
-  pressed: bool
-};
-CirclePressed.defaultProps = {
-  pressed: false
-};
-
-var Marker = function Marker(_ref3) {
-  var pressed = _ref3.pressed,
-      tooltip = _ref3.tooltip;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, pressed && tooltip && /*#__PURE__*/React.createElement(Tooltip, {
-    description: tooltip.description,
-    title: tooltip.title,
-    ribbon: tooltip.ribbon
-  }), /*#__PURE__*/React.createElement(CirclePressed, {
-    as: View,
-    pressed: pressed
-  }), /*#__PURE__*/React.createElement(Circle, {
-    accessible: true,
-    accessibilityRole: "adjustable"
-  }));
-};
-
-Marker.propTypes = {
-  pressed: bool,
-  tooltip: shape({
-    description: string,
-    title: string,
-    ribbon: string,
-    visible: bool,
-    step: number
-  })
-};
-Marker.defaultProps = {
-  pressed: false,
-  tooltip: undefined
-};
-export default Marker;