const promptInputTheme = {
    baseStyle: "rounded-[var(--card-radius)] border-[1px] border-[var(--color-border)] flex flex-col gap-2 shadow-real-md p-4 outline-2 outline-[var(--color-border)]/30 bg-white dark:bg-[var(--color-background-secondary)] ",
    textareaStyle: "w-full bg-transparent text-base text-[var(--color-text-primary)] placeholder:text-[var(--color-text-placeholder)] focus:outline-none resize-none overflow-y-auto transition-[height] duration-200 ease-in-out",
    footerStyle: "flex justify-between items-end",
    actionsStyle: "flex gap-1",
    submitButtonStyle: "rounded-full",
    dropzoneStyle: "absolute inset-0 z-20 flex flex-col items-center justify-center gap-3 rounded-[var(--card-radius)] border-2 border-dashed border-[var(--color-primary)] bg-[var(--color-primary-200)]/80 backdrop-blur-sm dark:bg-[var(--color-primary-900)]/80",
    dropzoneTitleStyle: "text-base font-medium text-[var(--color-primary)]",
    dropzoneSubtitleStyle: "text-sm text-[var(--color-primary)]/70",
    dropzoneActionsStyle: "flex items-center gap-3 mt-1",
    voiceRecorderStyle: "",
    states: {
        default: "",
        disabled: "opacity-50 cursor-not-allowed",
        invalid: "border-[var(--color-danger)] border-b border-b-[var(--color-danger)]",
        loading: "opacity-75",
    },
};

export { promptInputTheme };
