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 } from "react/jsx-runtime";
import React, { forwardRef } from "react";
import styled from "styled-components";
import { BuildingFilled } from "@gympass/yoga-icons";
import { string, func, checkPropTypes } from "prop-types";
import Box from "../../Box";
import Icon from "../../Icon";
const Image = styled.img`
  max-width: 100%;
`;
const Content = ({ icon, alt, src, fill, content, stroke }) => {
  if (src) {
    return /* @__PURE__ */ jsx(Image, { src, alt });
  }
  if (content) {
    return content;
  }
  return /* @__PURE__ */ jsx(Icon, { as: icon, width: "50%", height: "50%", fill, stroke });
};
const Avatar = forwardRef(
  (_a, ref) => {
    var _b = _a, {
      src,
      alt,
      fill = "white",
      stroke,
      icon = BuildingFilled,
      children
    } = _b, otherProps = __objRest(_b, [
      "src",
      "alt",
      "fill",
      "stroke",
      "icon",
      "children"
    ]);
    return /* @__PURE__ */ jsx(
      Box,
      __spreadProps(__spreadValues({
        bgColor: "elements.selectionAndIcons",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        width: 48,
        height: 48,
        borderRadius: "small",
        elevation: "small",
        overflow: "hidden",
        ref
      }, otherProps), {
        children: /* @__PURE__ */ jsx(
          Content,
          {
            icon,
            src,
            fill,
            stroke,
            content: children,
            alt
          }
        )
      })
    );
  }
);
Content.propTypes = __spreadValues({
  src: string,
  icon: func,
  fill: string,
  alt: string
}, Box.propTypes);
Avatar.propTypes = __spreadValues({
  src: string,
  /**  Required if src is true */
  alt: (props, propName, componentName) => {
    const { src } = props;
    if (src) {
      checkPropTypes(
        { [propName]: string.isRequired },
        props,
        "prop",
        componentName
      );
    }
    return null;
  },
  /** Used when src is missing */
  icon: (props, propName, componentName) => {
    const { src, [propName]: iconProp } = props;
    if (src && iconProp) {
      return new Error(
        `You should provide a src or ${propName} prop, not both, in '${componentName}'.`
      );
    }
    checkPropTypes({ [propName]: func }, props, "prop", componentName);
    return null;
  },
  fill: string,
  stroke: string
}, Box.propTypes);
Avatar.displayName = "Avatar";
var Avatar_default = Avatar;
export {
  Avatar_default as default
};
