import React from 'react'
import { PageSection } from './PageSection.jsx'

export default {
  title: 'Design System/Layout/PageSection',
  component: PageSection,
  render: (props) => (
    <PageSection {...props}>
      Hello I&apos;m content, hi content I&apos;m dad
    </PageSection>
  ),
}

export const Default = {
  args: {
    surface: 'primary',
    maxWidth: 'medium',
    as: 'section',
  },
}