() => {
  const [count, setCount] = useState(0);
  return (
    <Stack align="center" bg="gray.100" spacing="4" p="4">
      <Heading>Times Booped: {count}</Heading>
      <Stack direction="horizontal" spacing="2" isInline>
        <Button colorScheme="pink" onClick={() => setCount(count + 1)}>
          Boop!
        </Button>
        <Button colorScheme="pink" variant="outline" onClick={() => setCount(0)}>
          Reset
        </Button>
      </Stack>
    </Stack>
  );
}