Spaces

function App() {
  const [size] = useState<[number, number]>([
    window.innerWidth,
    window.innerHeight,
  ]);
  const [space, setSpace] = useState(0);

  return (
    <Manager size={size}>
      <Spaces space={space} onSpaceChange={setSpace}>
        <Space>
            <h1>Tabby Cat</h1>
            <p>The tabby cat is the most common pattern of coat, featuring stripes, swirls, and spots. Tabby cats are not a breed, but the most common coat pattern in domestic cats. The tabby pattern is found in many breeds, including the Abyssinian, American Shorthair, and Maine></p>
        </Space>
        <Space>
            <h1>Jaguars</h1>
            <p>he jaguar is the largest cat in the Americas. They are found in the rainforests of Central and South America. Jaguars are strong swimmers and climbers and are known for their powerful bite, which allows them to pierce the shells of armored reptiles.</p>
        </Space>
        <Space>
            <h1>Siamese Cat</h1>
            <p>The Siamese cat is one of the first distinctly recognized breeds of Asian cat. Derived from the Wichianmat landrace, one of several varieties of cat native to Thailand, the Siamese became one of the most popular breeds in Europe and North America in the 19th century.</p>
        </Space>
      </Spaces>

    </Manager>
  );
}