import styled from "styled-components";
import { component, mergeConfig } from "../../../../engines";
import { embedIconButtonConfig, embedIconButtonTokens } from "../../../EmbedIconButton";
import { tokens } from "../../File.tokens";
const mergedConfig = mergeConfig(embedIconButtonConfig);
const EmbedIconButton = component(mergedConfig);
export const EmbedIconButtonUI = styled(EmbedIconButton).withConfig({
    displayName: "EmbedIconButton.styles__EmbedIconButtonUI",
    componentId: "sc-825c461c-0"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`
], embedIconButtonTokens.embedIconButtonColor, tokens.embedIconButtonColor, embedIconButtonTokens.embedIconButtonColorHover, tokens.embedIconButtonColorHover, embedIconButtonTokens.embedIconButtonColorActive, tokens.embedIconButtonColorActive, embedIconButtonTokens.embedIconButtonHeight, tokens.embedIconButtonHeight, embedIconButtonTokens.embedIconButtonWidth, tokens.embedIconButtonWidth, embedIconButtonTokens.embedIconButtonPadding, tokens.embedIconButtonPadding, embedIconButtonTokens.embedIconButtonRadius, tokens.embedIconButtonRadius, embedIconButtonTokens.embedIconButtonFocusColor, tokens.embedIconButtonFocusColor);
