import { css } from "styled-components";
import { classes, tokens } from "../../../../../tokens";
import { TabItemValue } from "../../VerticalTabItem.styles";
export const base = css([
    `&[disabled]{cursor:not-allowed;opacity:var(`,
    `);&:hover{color:var(`,
    `);background-color:var(`,
    `);`,
    `{color:var(`,
    `);}}&.`,
    `:hover{color:var(`,
    `);background-color:var(`,
    `);`,
    `{color:var(`,
    `);}}}`
], tokens.disabledOpacity, tokens.itemColor, tokens.itemBackgroundColor, TabItemValue, tokens.itemValueColor, classes.selectedTabsItem, tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, TabItemValue, tokens.itemSelectedValueColor);
