import * as Flapkit from 'flapkit'
import { cascade } from 'flapkit/motion/canvas/cascade'
import 'flapkit/flapkit.css'
import 'flapkit/airport.css'

<Flapkit.Root motion={cascade()}>
  <Flapkit.Board aria-label="Package status" className="flapkit-airport">
    <Flapkit.Header>Departures</Flapkit.Header>
    <Flapkit.Row label="STATUS">
      {[...'FLAPKIT'].map((character, index) => (
        <Flapkit.Cell key={index}>{character}</Flapkit.Cell>
      ))}
    </Flapkit.Row>
  </Flapkit.Board>
</Flapkit.Root>