import { counterConfig, counterTokens } from "../../../Counter";
import styled from "styled-components";
import { component, mergeConfig } from "../../../../engines";
import { indicatorTokens, indicatorConfig } from "../../../Indicator";
import { linkConfig } from "../../../Link";
import { applyEllipsis } from "../../../../mixins";
import { tokens } from "../../NavigationDrawer.tokens";
var mergedCounterConfig = mergeConfig(counterConfig);
var Counter = component(mergedCounterConfig);
var indicatorMergedConfig = mergeConfig(indicatorConfig);
var Indicator = component(indicatorMergedConfig);
var mergedLinkConfig = mergeConfig(linkConfig);
export var Link = component(mergedLinkConfig);
export var ExtraCounter = styled(Counter).withConfig({
    displayName: "MenuItem.styles__ExtraCounter",
    componentId: "sc-cab235d0-0"
})([
    "margin:auto;",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");"
], counterTokens.background, tokens.counterBackground, counterTokens.color, tokens.counterColor, counterTokens.borderRadius, tokens.counterBorderRadius, counterTokens.height, tokens.counterHeight, counterTokens.padding, tokens.counterPadding, counterTokens.fontFamily, tokens.counterFontFamily, counterTokens.fontSize, tokens.counterFontSize, counterTokens.fontStyle, tokens.counterFontStyle, counterTokens.fontWeight, tokens.counterFontWeight, counterTokens.letterSpacing, tokens.counterLetterSpacing, counterTokens.lineHeight, tokens.counterLineHeight);
export var StyledIndicator = styled(Indicator).withConfig({
    displayName: "MenuItem.styles__StyledIndicator",
    componentId: "sc-cab235d0-1"
})([
    "margin:auto;",
    ":var(",
    ");",
    ":var(",
    ");"
], indicatorTokens.size, tokens.menuItemIndicatorSize, indicatorTokens.color, tokens.menuItemIndicatorColor);
export var IconWrapper = styled.div.withConfig({
    displayName: "MenuItem.styles__IconWrapper",
    componentId: "sc-cab235d0-2"
})([
    "position:relative;width:var(",
    ");height:var(",
    ");"
], tokens.iconContainerSize, tokens.iconContainerSize);
export var Icon = styled.div.withConfig({
    displayName: "MenuItem.styles__Icon",
    componentId: "sc-cab235d0-3"
})([
    "margin:var(",
    ");div{width:var(",
    ");height:var(",
    ");}"
], tokens.iconMargin, tokens.iconSize, tokens.iconSize);
export var ContentLeftWrapper = styled.div.withConfig({
    displayName: "MenuItem.styles__ContentLeftWrapper",
    componentId: "sc-cab235d0-4"
})([
    "position:relative;width:var(",
    ");height:var(",
    ");"
], tokens.menuItemContentLeftSize, tokens.menuItemContentLeftSize);
export var RightContentWrapper = styled.div.withConfig({
    displayName: "MenuItem.styles__RightContentWrapper",
    componentId: "sc-cab235d0-5"
})([
    "position:relative;height:var(",
    ");display:flex;"
], tokens.iconContainerSize);
export var Label = styled.span.withConfig({
    displayName: "MenuItem.styles__Label",
    componentId: "sc-cab235d0-6"
})([
    "",
    ";"
], applyEllipsis());
