label: Section
status: ready

context:
  section:
    content: "The section component visually separates your content from other parts of the page."

variants:
  - name: default
    label: Default
    context:
      section:
        title: 'A default section'
        classes: ''

  - name: light
    label: Light
    context:
      section:
        title: 'A light section'
        classes: 'usa-section--light'

  - name: dark
    label: Dark
    context:
      section:
        title: 'A dark section'
        classes: 'usa-section--dark'