import styled, { css } from "styled-components";
import { buttonConfig, buttonTokens } from "../Button";
import { component, mergeConfig } from "../../engines";
import { tokens } from "./EmptyState.tokens";
const mergedButtonConfig = mergeConfig(buttonConfig);
const Button = component(mergedButtonConfig);
export const base = css([
    `display:flex;flex-direction:column;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(`,
    `);padding:var(`,
    `);text-align:center;`
], tokens.borderRadius, tokens.padding);
export const StyledButton = styled(Button).withConfig({
    displayName: "EmptyState.styles__StyledButton",
    componentId: "sc-7b78d443-0"
})([
    ``,
    `:var(--text-primary);`,
    `:var(--text-primary-active);`,
    `:var(--text-primary-hover);`,
    `:none;`,
    `:0;`,
    `:var(`,
    `);`,
    `:0;`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:600;`,
    `:var(`,
    `);`,
    `:var(`,
    `);margin:var(`,
    `);`
], buttonTokens.buttonColor, buttonTokens.buttonColorActive, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColor, buttonTokens.buttonPadding, buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, tokens.buttonMargin);
export const IconWrapper = styled.div.withConfig({
    displayName: "EmptyState.styles__IconWrapper",
    componentId: "sc-7b78d443-1"
})([
    `margin:var(`,
    `);line-height:0;`
], tokens.iconMargin);
export const Description = styled.div.withConfig({
    displayName: "EmptyState.styles__Description",
    componentId: "sc-7b78d443-2"
})([
    `margin:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`
], tokens.descriptionMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight);
