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, { forwardRef } from "react";
import { BuildingFilled } from "@gympass/yoga-icons";
import { string, func, number } from "prop-types";
import { ImagePropTypes } from "deprecated-react-native-prop-types";
import { Image } from "react-native";
import styled from "styled-components";
import { hexToRgb } from "@gympass/yoga-common";
import Box from "../../Box";
import Icon from "../../Icon";
const BORDER_WIDTH = 1;
const BORDER_OPACITY = 0.1;
const BorderImage = styled(Box).attrs(({ theme: { yoga } }) => {
  return {
    borderColor: hexToRgb(yoga.colors.secondary, BORDER_OPACITY),
    borderWidth: BORDER_WIDTH
  };
})`
  position: absolute;
`;
const Content = ({
  icon = BuildingFilled,
  src = void 0,
  fill = "white",
  content,
  stroke
}) => {
  if (src) {
    return /* @__PURE__ */ jsx(Box, { as: Image, width: "100%", height: "100%", source: src });
  }
  if (content) {
    return content;
  }
  return /* @__PURE__ */ jsx(Icon, { as: icon, width: "50%", height: "50%", fill, stroke });
};
const Avatar = forwardRef(
  (_a, ref) => {
    var _b = _a, {
      icon = BuildingFilled,
      src = void 0,
      children,
      fill = "white",
      stroke,
      borderRadius = "small",
      width = 48,
      height = 48
    } = _b, props = __objRest(_b, [
      "icon",
      "src",
      "children",
      "fill",
      "stroke",
      "borderRadius",
      "width",
      "height"
    ]);
    return /* @__PURE__ */ jsxs(
      Box,
      __spreadProps(__spreadValues({
        ref,
        bgColor: "elements.selectionAndIcons",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        width,
        height,
        overflow: "hidden",
        borderRadius
      }, props), {
        children: [
          /* @__PURE__ */ jsx(
            Content,
            {
              icon,
              src,
              fill,
              stroke,
              content: children
            }
          ),
          /* @__PURE__ */ jsx(BorderImage, { width: "100%", height: "100%", borderRadius })
        ]
      })
    );
  }
);
Content.propTypes = __spreadValues({
  src: ImagePropTypes.source,
  icon: func,
  fill: string
}, Box.propTypes);
Avatar.propTypes = __spreadValues({
  src: ImagePropTypes.source,
  icon: func,
  fill: string,
  width: number,
  height: number,
  borderRadius: string
}, Box.propTypes);
Avatar.displayName = "Avatar";
var Avatar_default = Avatar;
export {
  Avatar_default as default
};
