Default Component - Copy this React, Tailwind Component to your project
tạo một trang "Đặt lịch vaccine" chuyên nghiệp để theo dõi lịch tiêm chủng cho trẻ em sử dụng ReactJS và Tailwind CSS. Trang này cần đáp ứng các yêu cầu sau: - Dễ đọc và dễ sử dụng cho người dùng. - Toàn bộ trang web phải sử dụng tiếng Việt, vì nó dành cho người dùng Việt Nam. - Màu chủ đạo là màu xanh để tạo cảm giác sạch sẽ, liên quan đến chăm sóc sức khỏe. Trang cần có các phần sau: 1. **Danh sách vaccine** (ở bên trái, phía trên): - Hiển thị danh sách các vaccine, mỗi vaccine bao gồm: - Tên vaccine - Mô tả vaccine - Số liều - Giá - Các vaccine sẽ nằm trên hàng ngang và tự động di chuyển từ phải sang trái vô hạn. - Có nút mũi tên ở 2 bên để người dùng điều chỉnh qua lại. - Cho phép người dùng chọn nhiều vaccine cùng lúc. 2. **Danh sách vaccine combo** (ở bên trái, phía dưới): - Hiển thị danh sách các vaccine combo, mỗi combo vaccine bao gồm: - Tên combo vaccine - Mô tả combo vaccine - Số liều - Giá - Các combo vaccine sẽ nằm trên hàng ngang và tự động di chuyển từ phải sang trái vô hạn. - Có nút mũi tên ở 2 bên để người dùng điều chỉnh qua lại. - Cho phép người dùng chọn nhiều vaccine combo cùng lúc. 3. **Danh sách vaccine và combo vaccine đã chọn** (ở bên phải): - Hiển thị các vaccine và combo vaccine đã được người dùng chọn từ các danh sách bên trái. - Mỗi vaccine hoặc combo vaccine sẽ có nút "Hủy" bên phải để người dùng có thể bỏ chọn. 4. **Form chọn trẻ**: - Form chọn trẻ đẹp, sống động và linh động, cho phép người dùng chọn trẻ sẽ nhận vaccine. 5. **Form chọn ngày (Date)**: - Cho phép người dùng chọn ngày để đặt lịch tiêm chủng cho trẻ. 6. **Nút "Đặt lịch"**: - Nút để người dùng submit thông tin đặt lịch tiêm vaccine cho trẻ.
