import React from 'react';
import { Box } from '@wix/design-system';
import { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common';
/**
 * Leading status indicator for a step. Mirrors the existing Setup widget:
 * green check when completed, muted dot when disabled, blue dot otherwise.
 */
export const SetupStepIcon = ({ status, }) => {
    if (status === 'completed') {
        return (React.createElement(Box, { marginTop: "3px" },
            React.createElement(ConfirmSmall, { width: "18px", height: "18px", color: "var(--wsr-color-G20)" })));
    }
    const color = status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';
    return (React.createElement(Box, { marginTop: "3px" },
        React.createElement(CircleSmallFilledSmall, { width: "18px", height: "18px", color: color })));
};
//# sourceMappingURL=SetupStepIcon.js.map