"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get LeftContent () {
        return LeftContent;
    },
    get RightContent () {
        return RightContent;
    },
    get StyledContent () {
        return StyledContent;
    },
    get base () {
        return base;
    }
});
var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
var _react = require("@emotion/react");
var _mixins = require("../../../../mixins");
var _tokens = require("../../tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var StyledContent = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e3twgy20",
    label: "StyledContent"
})("display:inline-block;width:fit-content;padding:var(", _tokens.tokens.itemContentPadding, ");", (0, _mixins.applyEllipsis)(), ";margin-right:", function(param) {
    var hasRightMargin = param.hasRightMargin;
    return hasRightMargin ? "var(".concat(_tokens.tokens.itemIconMargin, ")") : '0';
}, ";margin-left:", function(param) {
    var hasLeftMargin = param.hasLeftMargin;
    return hasLeftMargin ? "var(".concat(_tokens.tokens.itemIconMargin, ")") : '0';
}, ";");
var RightContent = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e3twgy21",
    label: "RightContent"
})("display:flex;margin-left:var(", _tokens.tokens.itemIconMargin, ");overflow:hidden;color:var(", _tokens.tokens.itemColor, ");&.", _tokens.classes.segmentAdditionalText, "{display:inline-block;color:var(", _tokens.tokens.itemAdditionalColor, ");", (0, _mixins.applyEllipsis)(), ";}");
var LeftContent = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e3twgy22",
    label: "LeftContent"
})("display:flex;margin-right:var(", _tokens.tokens.itemIconMargin, ");color:inherit;");
var base = (0, /*#__PURE__*/ _react.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.tokens.itemMarginLeft, ");-webkit-tap-highlight-color:rgba(0,0,0,0);&:first-child{margin-left:0;}", (0, _mixins.addFocus)({
    outlineSize: '0.063rem',
    outlineOffset: 'var(--plasma_private-clip-outline-offset)',
    outlineColor: "var(".concat(_tokens.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.tokens.outlineFocusColor, ");\n                }\n            }\n        ")
}), ";&.", _tokens.classes.segmentTruncate, "{", StyledContent, "{overflow:hidden;text-overflow:ellipsis;}}", "base");
