import { jsx as _jsx } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { twMerge } from "tailwind-merge";
import { CONFLICT, ERROR, INITIAL_SYNC, MISSING, SUCCESS, SYNCING, } from "../../constants/syncing.js";
const syncIcons = {
    SYNCING: "Syncing",
    SUCCESS: "Synced",
    CONFLICT: "Error",
    MISSING: "Circle",
    ERROR: "Error",
    INITIAL_SYNC: "Syncing",
};
export function SyncStatusIcon(props) {
    const { syncStatus, className, overrideSyncIcons = {}, ...iconProps } = props;
    const icons = { ...syncIcons, ...overrideSyncIcons };
    const syncStatusIcons = {
        [INITIAL_SYNC]: (_jsx(Icon, { size: 16, ...iconProps, className: twMerge("text-blue-900", className), name: icons[INITIAL_SYNC] })),
        [SYNCING]: (_jsx(Icon, { size: 16, ...iconProps, className: twMerge("text-blue-900", className), name: icons[SYNCING] })),
        [SUCCESS]: (_jsx(Icon, { size: 16, ...iconProps, className: twMerge("text-green-900", className), name: icons[SUCCESS] })),
        [CONFLICT]: (_jsx(Icon, { size: 16, ...iconProps, className: twMerge("text-orange-900", className), name: icons[CONFLICT] })),
        [MISSING]: (_jsx(Icon, { size: 16, ...iconProps, className: twMerge("text-red-900", className), name: icons[MISSING] })),
        [ERROR]: (_jsx(Icon, { size: 16, ...iconProps, className: twMerge("text-red-900", className), name: icons[ERROR] })),
    };
    return syncStatusIcons[syncStatus];
}
//# sourceMappingURL=sync-status-icon.js.map