import { css } from "styled-components";
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 = css([
    `&[disabled]{opacity:var(`,
    `);cursor:not-allowed;:hover,:active{scale:none;color:var(`,
    `);background:var(`,
    `);box-shadow:inset 0 0 0 0.063rem var(`,
    `,inset 0 0 0 0 transparent);}}`
], tokens.buttonDisabledOpacity, tokens.buttonColor, tokens.buttonBackgroundColor, tokens.buttonBorderColor);
