import styled, { css } from "styled-components";
import { classes, tokens } from "./Badge.tokens";
export const StyledContentLeft = styled.div.withConfig({
    displayName: "Badge.styles__StyledContentLeft",
    componentId: "sc-9f01cda2-0"
})([
    `display:flex;margin-left:var(`,
    `);margin-right:var(`,
    `);`
], tokens.leftContentMarginLeft, tokens.leftContentMarginRight);
export const StyledContentMain = styled.span.withConfig({
    displayName: "Badge.styles__StyledContentMain",
    componentId: "sc-9f01cda2-1"
})([
    ``
]);
export const StyledContentRight = styled.div.withConfig({
    displayName: "Badge.styles__StyledContentRight",
    componentId: "sc-9f01cda2-2"
})([
    `display:flex;margin-left:var(`,
    `);margin-right:var(`,
    `);`
], tokens.rightContentMarginLeft, tokens.rightContentMarginRight);
export const 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);
