import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { classes, tokens } from "./Badge.tokens";
export const StyledContentLeft = /*#__PURE__*/ styled("div", {
    target: "ek3xgid0",
    label: "StyledContentLeft"
})("display:flex;margin-left:var(", tokens.leftContentMarginLeft, ");margin-right:var(", tokens.leftContentMarginRight, ");");
export const StyledContentMain = /*#__PURE__*/ styled("span", {
    target: "ek3xgid1",
    label: "StyledContentMain"
})();
export const StyledContentRight = /*#__PURE__*/ styled("div", {
    target: "ek3xgid2",
    label: "StyledContentRight"
})("display:flex;margin-left:var(", tokens.rightContentMarginLeft, ");margin-right:var(", tokens.rightContentMarginRight, ");");
export const base = /*#__PURE__*/ css("display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;width:max-content;&.", classes.badgeTruncate, "{max-width:100%;", StyledContentMain, "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}}", "base");
