Special Order Form - Copy this React, Tailwind Component to your project

Implement a modern professional speacial order form export type PriorityLevel = 'Low' | 'Medium' | 'High' | 'Urgent'; export type SpecialOrderStatus = | 'Pending' | 'Processing' | 'Ordered' | 'PartiallyArrived' | 'OnHold' | 'Arrived' | 'Completed' | 'Cancelled'; export type OrderItemStatus = 'Pending' | 'Processing' | 'Ordered' | 'InTransit' | 'Delivered' | 'Cancelled'; export interface SpecialOrderItem { id?: number; special_order_id: number; medication_id: number; quantity: number; unit_price?: number; prescription_id?: number; status: OrderItemStatus; tracking_number?: string; expected_arrival_date?: string; actual_arrival_date?: string; notes?: string; created_at: string; updated_at: string; // Additional fields from medication relation medication_name?: string; medication_code?: string; medication_strength?: string; } export interface SpecialOrder { id: number; customer_id: number; status: SpecialOrderStatus; priority_level: PriorityLevel; requested_date: string; expected_arrival_date?: string; actual_arrival_date?: string; supplier_id?: number; notes?: string; total_price?: number; deposit_amount?: number; is_deposit_paid: boolean; created_at: string; updated_at: string; // Additional fields from relations customer_name?: string; customer_contact?: string; supplier_name?: string; order_items: SpecialOrderItem[]; tax?: number; shipping_cost?: number; } export type SpecialOrderFormData = Omit<SpecialOrder, 'id' | 'status' | 'created_at' | 'updated_at'>;