import React from 'react';
import { Section, Box, Button, Icon, Text, CardTitle } from '../../index.js';
import StoryWrapper from '../../utils/story-wrapper.js';
export default {
  title: 'DesignSystem/Atoms/Section',
  argTypes: {
    onClick: {
      action: 'clicked'
    }
  }
};
export const Default = () => /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Section default settings"
}, /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(Box, {
  mb: "xl"
}, /*#__PURE__*/React.createElement(CardTitle, null, "Some text within a section")), /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(Text, null, "Section can be nested"), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
  size: "sm",
  rounded: true
}, /*#__PURE__*/React.createElement(Icon, {
  icon: "Plus"
}), "Add something")))));