Container

import { Container, Headline, Text } from '@marigold/components';export default () => (  <Container>    <Headline level="3">The marigold flower</Headline>    <Text>      The marigold flower, known for its bright orange and yellow hues, is more      than just a vibrant addition to gardens. Marigolds have been used for      centuries in traditional medicine for their anti-inflammatory properties.      In many cultures, they symbolize positive emotions like warmth and      creativity, and are often used in festivals and celebrations. The marigold      is also known for its ability to deter garden pests, making it a favorite      companion plant for vegetables. Beyond their beauty, these flowers play a      role in pollinator gardens, attracting bees and butterflies to enhance      biodiversity.    </Text>  </Container>);

import { useState } from 'react';import { Container, Headline, Select, Stack, Text } from '@marigold/components';type FontSizes = 'sm' | 'base' | 'lg';export default () => {  const [fontSize, setFontSize] = useState<FontSizes>('base');  return (    <Stack space={8}>      <Select        label="Font size"        value={fontSize}        onChange={(val: FontSizes) => setFontSize(val)}        width={52}      >        <Select.Option id="sm">Small</Select.Option>        <Select.Option id="base">Default</Select.Option>        <Select.Option id="lg">Large</Select.Option>      </Select>      <Container space={4}>        <Headline level="3">The Marigold</Headline>        <Text fontSize={fontSize}>          Golden petals catch the sun,Blooming bright till day is done.In the          garden, standing bold,A gentle spark, the marigold.        </Text>        <Text fontSize={fontSize}>          Dew drops fall and sparkle clear,Nature's beauty, always near.Orange          flames in sunlight hold,Cheerful blooms, the marigold.        </Text>      </Container>    </Stack>  );};

import { Container, Text } from '@marigold/components';export default () => (  <Container contentLength="short" space={2}>    <Text fontSize="2xl">      "Marigolds are perfect for my garden! They’re easy to care for, bright,      and keep pests away."    </Text>    <Text fontStyle="italic">- Jane S., Home Gardener</Text>  </Container>);

import { Columns, Container, Headline, Text } from '@marigold/components';export default () => (  <Container space={6} alignItems="center">    <Headline level="3">Sunny the marigold</Headline>    <Columns columns={[1, 1]} space={8}>      <Text>        In a cozy garden behind an old cottage, a marigold named Sunny grew        among daisies and tulips. Her petals were vibrant, glowing in deep        shades of orange and yellow. She loved feeling the warmth of the sun as        it touched her petals, and she enjoyed the company of her fellow        flowers. Butterflies would often visit her, and she would sway gently in        the breeze, feeling a sense of peace. Despite all of this, Sunny        sometimes felt small compared to the tall sunflowers nearby. They seemed        grand, while she was just a splash of color in the corner.      </Text>      <Text>        One morning, a little girl named Emma, who lived in the cottage,        wandered into the garden feeling sad. Her best friend had moved away,        and she needed comfort. When she saw Sunny's glowing petals, Emma smiled        for the first time in days. She knelt beside Sunny, touched her petals,        and whispered, "You're beautiful." Emma made a small bouquet with Sunny        at the center, finding a bit of joy even in her sadness.      </Text>    </Columns>    <Text>      After that day, Sunny understood her purpose. It wasn't about being the      biggest flower, but about bringing light to others. She had made Emma      smile, and that was more important than anything else. Sunny stood tall,      proud of her role in the garden—a reminder that even the smallest flowers      can have the biggest impact.    </Text>  </Container>);