import styled from "styled-components";
import { progressConfig, progressTokens } from "../../../Progress";
import { progressBarCircularConfig, progressBarCircularTokens } from "../../../ProgressBarCircular";
import { component, mergeConfig } from "../../../../engines";
import { tokens } from "../../File.tokens";
import { EmbedIconButtonUI } from "../EmbedIconButton/EmbedIconButton.styles";
const mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);
const ProgressBarCircular = component(mergedProgressBarCircularConfig);
const mergedProgressConfig = mergeConfig(progressConfig);
const Progress = component(mergedProgressConfig);
export const ProgressBarCircularUI = styled(ProgressBarCircular).withConfig({
    displayName: "Loader.styles__ProgressBarCircularUI",
    componentId: "sc-5a6b68dc-0"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `{width:100%;height:100%;}`
], progressBarCircularTokens.size, tokens.progressBarCircularSize, progressBarCircularTokens.width, tokens.progressBarCircularWidth, progressBarCircularTokens.height, tokens.progressBarCircularHeight, progressBarCircularTokens.strokeWidth, tokens.progressBarCircularStrokeWidth, progressBarCircularTokens.strokeSize, tokens.progressBarCircularStrokeSize, progressBarCircularTokens.backgroundStroke, tokens.progressBarCircularBackgroundStroke, progressBarCircularTokens.progressStroke, tokens.progressBarCircularStroke, progressBarCircularTokens.contentColor, tokens.progressBarCircularContentColor, EmbedIconButtonUI);
export const ProgressUI = styled(Progress).withConfig({
    displayName: "Loader.styles__ProgressUI",
    componentId: "sc-5a6b68dc-1"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);width:100%;`
], progressTokens.trackBackgroundColor, tokens.progressTrackBackgroundColor, progressTokens.trackHeight, tokens.progressTrackHeight, progressTokens.trackBorderRadius, tokens.progressTrackBorderRadius, progressTokens.progressFilledBackgroundColor, tokens.progressFilledBackgroundColor, progressTokens.progressFilledHeight, tokens.progressFilledHeight, progressTokens.progressFilledBorderRadius, tokens.progressFilledBorderRadius);
