import { css } from "styled-components";
import { classes, tokens } from "../../Dropzone.tokens";
import { Description, DropzoneHandlerOverlay, ContentWrapper } from "../../Dropzone.styles";
export const base = css([
    `background:var(`,
    `);border:0.063rem dashed var(`,
    `);&:not(.`,
    `):hover,&:not(.`,
    `):focus-within{background:var(`,
    `);outline:none;border-color:var(`,
    `);}&.`,
    `{border-color:var(`,
    `);background:var(`,
    `);`,
    `{background:var(`,
    `);}}`,
    `{color:var(`,
    `);}`,
    `{color:var(`,
    `);}`
], tokens.background, tokens.borderColor, classes.active, classes.active, tokens.backgroundHover, tokens.borderColorHover, classes.active, tokens.borderColorActive, tokens.backgroundHover, DropzoneHandlerOverlay, tokens.overlayColorActive, ContentWrapper, tokens.titleColor, Description, tokens.descriptionColor);
