"use strict";

import React, { memo } from 'react';
import { View } from 'react-native';
import { useTheme } from "../theme/use-theme.js";
import { jsx as _jsx } from "react/jsx-runtime";
const IconCircleComponent = function IconCircle({
  icon: Icon,
  size = 'xl',
  style,
  iconStyle
}) {
  const {
    colors
  } = useTheme();
  return /*#__PURE__*/_jsx(View, {
    style: [{
      justifyContent: 'center',
      alignItems: 'center',
      borderRadius: 999,
      width: size === 'lg' ? 52 : 64,
      height: size === 'lg' ? 52 : 64,
      backgroundColor: colors.primarySubtle
    }, style],
    children: /*#__PURE__*/_jsx(Icon, {
      size: size,
      style: [{
        color: colors.primary
      }, iconStyle]
    })
  });
};
export const IconCircle = /*#__PURE__*/memo(IconCircleComponent);
IconCircle.displayName = 'IconCircle';
//# sourceMappingURL=index.js.map