import { css } from "styled-components";
import { classes, privateTokens, tokens } from "../../Dropzone.tokens";
import { Description, DescriptionHelper, DropzoneHandlerOverlay, Title, TitleHelper, ContentWrapper, IconWrapper } from "../../Dropzone.styles";
export const base = css([
    `padding:var(`,
    `);border-radius:var(`,
    `);height:var(`,
    `);width:var(`,
    `);&.`,
    `{width:100%;height:100%;}`,
    `{border-radius:var(`,
    `);}`,
    `{width:100%;gap:var(`,
    `);`,
    `{display:flex;justify-content:center;flex-direction:column;gap:var(`,
    `);}&.`,
    `{flex-direction:column;gap:var(`,
    `);text-align:center;}}`,
    `,`,
    `{font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);word-wrap:break-word;}`,
    `,`,
    `{font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);word-wrap:break-word;}`,
    `{max-width:100%;}`
], tokens.padding, tokens.borderRadius, privateTokens.height, privateTokens.width, classes.stretch, DropzoneHandlerOverlay, tokens.borderRadius, IconWrapper, tokens.contentGap, ContentWrapper, tokens.contentWrapperGap, classes.verticalContentPlacing, tokens.contentColumnGap, Title, TitleHelper, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, Description, DescriptionHelper, tokens.descriptionFontFamily, tokens.descriptionFontSize, tokens.descriptionFontStyle, tokens.descriptionFontWeight, tokens.descriptionLetterSpacing, tokens.descriptionLineHeight, Description);
