/// <cts-enable />
import { cell, NAME, recipe, UI } from "commontools";

export default recipe("Optional Element Access", () => {
  const list = cell<string[] | undefined>(undefined);
  return {
    [NAME]: "Optional element access",
    [UI]: (
      <div>
        {!list.get()?.[0] && <span>No first entry</span>}
      </div>
    ),
  };
});