import React from 'react';
import { addStoryInGroup, LOW_LEVEL_BLOCKS } from '../../../.storybook/utils';
import { Checkbox, Link, TextBody } from '../../index';
export default {
  component: Checkbox,
  title: addStoryInGroup(LOW_LEVEL_BLOCKS, 'Form elements/Checkbox'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=6454%3A21716'
    }
  }
};
export var DefaultStory = function DefaultStory(args) {
  return /*#__PURE__*/React.createElement(Checkbox, args);
};
DefaultStory.args = {
  label: 'I am the label'
};
DefaultStory.storyName = 'Default';
export var WithLinkInLabel = function WithLinkInLabel() {
  return /*#__PURE__*/React.createElement(Checkbox, null, /*#__PURE__*/React.createElement(TextBody, null, "I'm a medium label with a", ' ', /*#__PURE__*/React.createElement(Link, {
    href: "#",
    inherit: false
  }, "link"), ' ', "inside"));
};
WithLinkInLabel.storyName = 'With link in label';
export var WithIndeterminateState = function WithIndeterminateState() {
  return /*#__PURE__*/React.createElement(Checkbox, {
    indeterminate: true
  });
};
WithIndeterminateState.storyName = 'With indeterminate state';