/**
 * Default theme for the FileUpload component
 * Uses production-ready CSS variables from global.scss
 */
const fileUploadTheme = {
    // Container wrapper
    containerStyle: "w-full",
    // Dropzone area (default state)
    dropzoneStyle: "relative flex flex-col items-center justify-center w-full min-h-[160px] p-6 border border-dashed border-[var(--color-border)] rounded-[var(--form-radius)] bg-[var(--color-background-secondary)] hover:bg-[var(--color-background-secondary)] hover:border-[var(--color-primary)] transition-colors duration-400 cursor-pointer",
    // Dropzone when dragging over
    dropzoneActiveStyle: "border-[var(--color-primary)] bg-[var(--color-primary-50)] scale-[1.01]",
    // Dropzone when disabled
    dropzoneDisabledStyle: "cursor-not-allowed opacity-60 hover:bg-[var(--color-background-secondary)] hover:border-[var(--color-border)]",
    // Content wrapper inside dropzone
    contentStyle: "flex flex-col items-center text-center pointer-events-none",
    // Upload icon
    iconStyle: "size-8 text-[var(--color-text-placeholder)]",
    // Main text
    textStyle: "text-base font-medium text-[var(--color-text-primary)]",
    // Helper text
    helperTextStyle: "text-base text-[var(--color-text-muted)] mt-1",
    // Description below dropzone
    descriptionStyle: "text-sm text-[var(--color-text-muted)] mt-1",
    // Preview container
    previewContainerStyle: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4 mt-4",
    // Individual preview item
    previewItemStyle: "relative group rounded-[var(--radius-base)] border border-[var(--color-border)] overflow-hidden bg-[var(--color-background-secondary)]",
    // Preview image
    previewImageStyle: "w-full h-32 object-cover",
    // Preview file (non-image)
    previewFileStyle: "flex items-center justify-center w-full h-32 p-3 text-base text-[var(--color-text-secondary)] text-center break-all",
    // Remove button
    removeButtonStyle: "absolute top-1 right-1  -translate-y-1 opacity-0 group-hover:opacity-100 transition-all duration-400 group-hover:-translate-y-0",
};

export { fileUploadTheme };
