"use strict";

import { useContext } from 'react';
import { Animated } from 'react-native';
import { ApplicationContext } from "../Context/index.js";
import styles from "./styles.js";
import { jsx as _jsx } from "react/jsx-runtime";
const Dot = ({
  active,
  style
}) => {
  const {
    theme
  } = useContext(ApplicationContext);
  const dotStyle = active ? [styles.activeDot] : [styles.inactiveDot, {
    backgroundColor: theme.colors.background.disable
  }];
  return /*#__PURE__*/_jsx(Animated.View, {
    style: [style, dotStyle]
  });
};
export default Dot;
//# sourceMappingURL=Dot.js.map