export const data = {
  cakes: [
    { id: 1, name: "Strawberry" },
    { id: 2, name: "Chocolate" },
  ],
};

export default () => (
  <ListBox
    items={data.cakes}
    keyOf={(cake: { id: number }) => cake.id}
    item={(cake: { name: string }, index: number) => (
      <span>
        {index + 1}. {cake.name}
      </span>
    )}
  />
);