import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { component, mergeConfig } from "../../engines";
import { badgeConfig, badgeTokens } from "../Badge";
import { counterConfig, counterTokens } from "../Counter";
import { classes, tokens } from "./Avatar.tokens";
const mergedBadgeConfig = mergeConfig(badgeConfig);
const Badge = component(mergedBadgeConfig);
const mergedCounterConfig = mergeConfig(counterConfig);
const Counter = component(mergedCounterConfig);
export const base = /*#__PURE__*/ css("position:relative;", "base");
export const Wrapper = /*#__PURE__*/ styled("div", {
    target: "e1ieys9n0",
    label: "Wrapper"
})("display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(", tokens.backgroundColor, ");overflow:hidden;border-radius:", ({ borderRadius })=>borderRadius || `var(${tokens.borderRadius})`, ";&:hover{scale:", ({ isScalable })=>isScalable ? `var(${tokens.scaleHover})` : '1', ";cursor:", ({ isScalable })=>isScalable ? 'pointer' : 'inherit', ";}");
export const StatusIcon = /*#__PURE__*/ styled("div", {
    target: "e1ieys9n1",
    label: "StatusIcon"
})("position:absolute;");
export const Image = /*#__PURE__*/ styled("img", {
    target: "e1ieys9n2",
    label: "Image"
})("width:100%;height:100%;border-radius:", ({ borderRadius })=>borderRadius || `var(${tokens.borderRadius})`, ";");
export const Text = /*#__PURE__*/ styled("span", {
    target: "e1ieys9n3",
    label: "Text"
})("font-size:var(", tokens.fontSize, ");font-family:var(", tokens.fontFamily, ");font-weight:var(", tokens.fontWeight, ");line-height:var(", tokens.lineHeight, ");background-image:var(", tokens.color, ");background-color:var(", tokens.color, ");background-size:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;");
export const ExtraContent = /*#__PURE__*/ styled("div", {
    target: "e1ieys9n4",
    label: "ExtraContent"
})("max-width:100%;display:flex;position:absolute;z-index:2;&.", classes.extraPlacementTopLeft, "{top:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));left:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));}&.", classes.extraPlacementTopRight, "{top:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));right:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));}&.", classes.extraPlacementBottomRight, "{bottom:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));right:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));}&.", classes.extraPlacementBottomLeft, "{bottom:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));left:calc(-0.063rem * var(", tokens.extraPlacementFactor, ",0));}");
export const ExtraBadge = /*#__PURE__*/ styled(Badge, {
    target: "e1ieys9n5",
    label: "ExtraBadge"
})(badgeTokens.background, ":var(", tokens.badgeBackground, ");", badgeTokens.color, ":var(", tokens.badgeColor, ");", badgeTokens.backgroundTransparent, ":var(", tokens.badgeBackgroundTransparent, ");", badgeTokens.colorTransparent, ":var(", tokens.badgeColorTransparent, ");", badgeTokens.colorClear, ":var(", tokens.badgeColorClear, ");", badgeTokens.backgroundClear, ":var(", tokens.badgeBackgroundClear, ");", badgeTokens.borderRadius, ":var(", tokens.badgeBorderRadius, ");", badgeTokens.pilledBorderRadius, ":var(", tokens.badgePilledBorderRadius, ");", badgeTokens.height, ":var(", tokens.badgeHeight, ");", badgeTokens.padding, ":var(", tokens.badgePadding, ");", badgeTokens.paddingIconOnly, ":var(", tokens.badgePaddingIconOnly, ");", badgeTokens.fontFamily, ":var(", tokens.badgeFontFamily, ");", badgeTokens.fontSize, ":var(", tokens.badgeFontSize, ");", badgeTokens.fontStyle, ":var(", tokens.badgeFontStyle, ");", badgeTokens.fontWeight, ":var(", tokens.badgeFontWeight, ");", badgeTokens.letterSpacing, ":var(", tokens.badgeLetterSpacing, ");", badgeTokens.lineHeight, ":var(", tokens.badgeLineHeight, ");", badgeTokens.leftContentMarginLeft, ":var(", tokens.badgeLeftContentMarginLeft, ");", badgeTokens.leftContentMarginRight, ":var(", tokens.badgeLeftContentMarginRight, ");", badgeTokens.rightContentMarginLeft, ":var(", tokens.badgeRightContentMarginLeft, ");", badgeTokens.rightContentMarginRight, ":var(", tokens.badgeRightContentMarginRight, ");");
export const ExtraCounter = /*#__PURE__*/ styled(Counter, {
    target: "e1ieys9n6",
    label: "ExtraCounter"
})(counterTokens.background, ":var(", tokens.counterBackground, ");", counterTokens.color, ":var(", tokens.counterColor, ");", counterTokens.borderRadius, ":var(", tokens.counterBorderRadius, ");", counterTokens.height, ":var(", tokens.counterHeight, ");", counterTokens.padding, ":var(", tokens.counterPadding, ");", counterTokens.fontFamily, ":var(", tokens.counterFontFamily, ");", counterTokens.fontSize, ":var(", tokens.counterFontSize, ");", counterTokens.fontStyle, ":var(", tokens.counterFontStyle, ");", counterTokens.fontWeight, ":var(", tokens.counterFontWeight, ");", counterTokens.letterSpacing, ":var(", tokens.counterLetterSpacing, ");", counterTokens.lineHeight, ":var(", tokens.counterLineHeight, ");");
