import { css } from "@emotion/react";
import { tokens } from "../../Button.tokens";
/* NOTE: check _view/base.css */ /* we use tokens from _view */ /* I don't like this but it's better to kepp disabled separtly */ /* because some projects don't need disabled */ /* so we don't want to keep `:not(:disabled)` inside _view */ export const base = /*#__PURE__*/ css("&[disabled]{opacity:var(", tokens.buttonDisabledOpacity, ");cursor:not-allowed;:hover,:active{scale:none;color:var(", tokens.buttonColor, ");background:var(", tokens.buttonBackgroundColor, ");box-shadow:inset 0 0 0 0.063rem var(", tokens.buttonBorderColor, ",inset 0 0 0 0 transparent);}}", "base");
