import { atom, selector } from "@rkrupinski/stan";
import { useStan, useStanValue } from "@rkrupinski/stan/react";

const count = atom(0);
const doubled = selector(({ get }) => get(count) * 2);

function Counter() {
  const [value, setValue] = useStan(count);
  const double = useStanValue(doubled);

  return (
    <>
      <button onClick={() => setValue(v => v + 1)}>Count: {value}</button>
      <p>Doubled: {double}</p>
    </>
  );
}