import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { addFocus, applyEllipsis } from "../../../../mixins";
import { classes, tokens } from "../../tokens";
export var StyledContent = /*#__PURE__*/ styled("div", {
    target: "e3twgy20",
    label: "StyledContent"
})("display:inline-block;width:fit-content;padding:var(", tokens.itemContentPadding, ");", applyEllipsis(), ";margin-right:", function(param) {
    var hasRightMargin = param.hasRightMargin;
    return hasRightMargin ? "var(".concat(tokens.itemIconMargin, ")") : '0';
}, ";margin-left:", function(param) {
    var hasLeftMargin = param.hasLeftMargin;
    return hasLeftMargin ? "var(".concat(tokens.itemIconMargin, ")") : '0';
}, ";");
export var RightContent = /*#__PURE__*/ styled("div", {
    target: "e3twgy21",
    label: "RightContent"
})("display:flex;margin-left:var(", tokens.itemIconMargin, ");overflow:hidden;color:var(", tokens.itemColor, ");&.", classes.segmentAdditionalText, "{display:inline-block;color:var(", tokens.itemAdditionalColor, ");", applyEllipsis(), ";}");
export var LeftContent = /*#__PURE__*/ styled("div", {
    target: "e3twgy22",
    label: "LeftContent"
})("display:flex;margin-right:var(", tokens.itemIconMargin, ");color:inherit;");
export var base = /*#__PURE__*/ css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;white-space:nowrap;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(", tokens.itemMarginLeft, ");-webkit-tap-highlight-color:rgba(0,0,0,0);&:first-child{margin-left:0;}", addFocus({
    outlineSize: '0.063rem',
    outlineOffset: 'var(--plasma_private-clip-outline-offset)',
    outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
    outlineRadius: 'calc(var(--plasma_private-outline-radius) + var(--plasma_private-clip-outline-radius))',
    customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                }\n            }\n        ")
}), ";&.", classes.segmentTruncate, "{", StyledContent, "{overflow:hidden;text-overflow:ellipsis;}}", "base");
