import { css } from "styled-components";
import { classes, tokens } from "../../../../tokens";
import { RightContent } from "../../SegmentItem.styles";
export const base = css([
    `&[disabled]{cursor:not-allowed;&:hover{color:var(`,
    `);background-color:var(`,
    `);`,
    `{color:var(`,
    `);}`,
    `.`,
    `{color:var(`,
    `);}}&.`,
    `:hover{color:var(`,
    `);background-color:var(`,
    `);`,
    `{color:var(`,
    `);}`,
    `.`,
    `{color:var(`,
    `);}}}`
], tokens.itemColor, tokens.itemBackgroundColor, RightContent, tokens.itemColor, RightContent, classes.segmentAdditionalText, tokens.itemAdditionalColor, classes.selectedSegmentItem, tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, RightContent, tokens.itemSelectedColor, RightContent, classes.segmentAdditionalText, tokens.itemSelectedAdditionalColor);
