"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 StyledText () {
        return StyledText;
    },
    get Wrapper () {
        return Wrapper;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _mixins = require("../../../../mixins");
const _Autocompletetokens = require("../../Autocomplete.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const StyledText = _styledcomponents.default.div.withConfig({
    displayName: "SuggestionItem.styles__StyledText",
    componentId: "sc-adc41e41-0"
})([
    ``,
    `;flex:1;`
], (0, _mixins.applyEllipsis)());
const Wrapper = _styledcomponents.default.li.withConfig({
    displayName: "SuggestionItem.styles__Wrapper",
    componentId: "sc-adc41e41-1"
})([
    `display:flex;align-items:center;margin:0;box-sizing:content-box;padding:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);background:var(`,
    `);color:var(`,
    `);border-radius:var(`,
    `);user-select:none;&:hover{cursor:pointer;background:var(`,
    `);}:focus{outline:none;}`,
    `;`
], _Autocompletetokens.tokens.itemPadding, _Autocompletetokens.tokens.itemFontFamily, _Autocompletetokens.tokens.itemFontSize, _Autocompletetokens.tokens.itemFontStyle, _Autocompletetokens.tokens.itemFontWeight, _Autocompletetokens.tokens.itemFontLetterSpacing, _Autocompletetokens.tokens.itemFontLineHeight, _Autocompletetokens.tokens.itemBackground, _Autocompletetokens.tokens.itemColor, _Autocompletetokens.tokens.itemBorderRadius, _Autocompletetokens.tokens.itemBackgroundHover, (0, _mixins.addFocus)({
    outlineSize: '0',
    outlineOffset: '0',
    outlineColor: `var(${_Autocompletetokens.tokens.focusColor})`,
    outlineRadius: `calc(var(${_Autocompletetokens.tokens.borderRadius}) - 0.125rem - var(${_Autocompletetokens.tokens.dropdownBorderWidth}, 0rem))`,
    hasTransition: false,
    customFocusRules: `
            &.${_Autocompletetokens.classes.suggestionItemIsFocused}:before {
                outline: none;
                box-shadow: inset 0 0 0 0.0625rem var(${_Autocompletetokens.tokens.focusColor});
            }
        `
}));
