import React from 'react';
import { TextArea, Box } from '../../index.js';
import StoryWrapper from '../../utils/story-wrapper.js';
export default {
  title: 'DesignSystem/Atoms/TextArea'
};
export const Default = () => /*#__PURE__*/React.createElement(Box, {
  width: 1
}, /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Regular example"
}, /*#__PURE__*/React.createElement(TextArea, {
  id: "input1",
  placeholder: "Simple textarea field...",
  width: 1
})), /*#__PURE__*/React.createElement(StoryWrapper, {
  label: "Without border and huge"
}, /*#__PURE__*/React.createElement(TextArea, {
  id: "input2",
  placeholder: "Huge borderless",
  width: 1,
  borderless: true,
  variant: "xl"
})));