SmartSeatSelector is a fully customizable and reusable UI component for selecting seats in theaters, events, flights, or classrooms. It visually displays seats as icons, supports dynamic row/column generation, seat reservation syncing, and allows users to select or deselect available seats.

• Seat Grid with Visual Icons
  Renders seat layouts using image-based icons (e.g., available, selected, reserved) instead of plain text — delivering a clean, intuitive user experience.
• Dynamic Row & Column Generation
  Simply provide the number of rows and columns as inputs, and the component auto-generates the seat matrix dynamically.
• Reservation Sync
  Accepts a list of pre-reserved seats from the parent screen or database and marks those as "Reserved" in the UI. Reserved seats are automatically disabled from interaction.
• Interactive Seat Selection
  Users can click to select or deselect available seats. Selected seats are returned to the parent screen via an output list for further processing.
• Disabled Reserved Seats
  Reserved seats are clearly marked with a different icon and are not clickable. This prevents double-booking and enhances visual clarity.
• Flexible Integration
  Works out of the box in Reactive Web Apps. The component exposes input/output parameters for full control over the seat layout and state handling.