# Seat picker

Seat picker: a free component, built on your design tokens, to use in a cinema, theatre or concert booking flow, for choosing seats. A cinema or concert seat map: the film's poster and showtime, the screen at the top, price rows of seats that are free, taken, yours, recliners or wheelchair spaces, a key, and the seats you picked with their total and Continue.

Prompt: Add the OpenDesigner component seat-picker to this project: https://opendesigner.dev/library/r/seat-picker.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: free, selected, taken, premium, accessible, nothing selected, hover, focus.

Accessibility: Every seat is a native checkbox named with its row, number, kind and price (taken seats are disabled), rows are labelled groups, the total is announced as it changes, and on a small touch screen the map scrolls sideways inside its own box.

File: https://opendesigner.dev/library/r/seat-picker.html