const fileUploadProgressTheme = {
    containerStyle: "flex flex-col gap-3",
    itemStyle: "w-full flex items-center gap-x-3",
    iconContainerStyle: "flex items-center justify-center rounded-lg shrink-0 border border-[var(--color-border)] bg-[var(--color-background-secondary)]",
    iconStyle: "shrink-0 size-5 text-[var(--color-text-muted)]",
    fileInfoStyle: "flex-1 min-w-0",
    fileNameStyle: "text-base font-medium text-[var(--color-text-primary)] truncate",
    fileSizeStyle: "text-sm text-[var(--color-text-muted)]",
    radialTrackColor: "var(--color-background-tertiary)",
    radialProgressColors: {
        uploading: "var(--color-primary)",
        complete: "var(--color-success)",
        error: "var(--color-danger)",
    },
    radialCenterTextStyle: "text-[10px] font-semibold tabular-nums text-[var(--color-text-secondary)]",
    statusIconColors: {
        uploading: "",
        complete: "text-[var(--color-success)]",
        error: "text-[var(--color-danger)]",
    },
    errorTextStyle: "text-xs text-[var(--color-danger)]",
    iconSize: "size-10",
    radialSize: "size-8",
    radialStroke: 3,
};

export { fileUploadProgressTheme };
