import styled from "styled-components";
import { css } from "styled-components";
import { classes, tokens } from "./Badge.tokens";
export var StyledContentLeft = styled.div.withConfig({
    displayName: "Badge.styles__StyledContentLeft",
    componentId: "sc-cc4bba92-0"
})([
    "display:flex;margin-left:var(",
    ");margin-right:var(",
    ");"
], tokens.leftContentMarginLeft, tokens.leftContentMarginRight);
export var StyledContentMain = styled.span.withConfig({
    displayName: "Badge.styles__StyledContentMain",
    componentId: "sc-cc4bba92-1"
})([
    ""
]);
export var StyledContentRight = styled.div.withConfig({
    displayName: "Badge.styles__StyledContentRight",
    componentId: "sc-cc4bba92-2"
})([
    "display:flex;margin-left:var(",
    ");margin-right:var(",
    ");"
], tokens.rightContentMarginLeft, tokens.rightContentMarginRight);
export var base = css([
    "display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;width:max-content;&.",
    "{max-width:100%;",
    "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}}"
], classes.badgeTruncate, StyledContentMain);
