design-system-govbr-rnp/dist/components/Item/Item.stories.js

## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Selected = exports.Disabled = exports.Default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
var _CheckBox = _interopRequireDefault(require("../CheckBox/CheckBox"));
var _Item = _interopRequireDefault(require("./Item"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = {
  title: 'Components/Item',
  component: _Item.default,
  argTypes: {
    children: 'Nodes de elementos. Todos elementos de children recebem onChange como prop.',
    disabled: 'Desabilita o item.',
    hover: 'Add hover no item.'
  }
};
exports.default = _default;
var Template = function Template(args) {
  return /*#__PURE__*/_react.default.createElement(_Item.default, args, "Lorem ipsum ", /*#__PURE__*/_react.default.createElement("a", {
    href: "#teste"
  }, "dolor"), ", sit amet consectetur", ' ', /*#__PURE__*/_react.default.createElement("a", {
    href: "#teste"
  }, "dadipisicing"), " elit.");
};
var SelectedTemplate = function SelectedTemplate() {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Item.default, {
    hover: true
  }, /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
    options: [{
      id: '1',
      label: 'Opção 1',
      name: 'teste',
      value: '1'
    }]
  })), /*#__PURE__*/_react.default.createElement(_Item.default, {
    hover: true
  }, /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
    options: [{
      id: '2',
      label: 'Opção 2',
      name: 'teste',
      value: '2'
    }]
  })));
};
var DisabledTemplate = function DisabledTemplate(args) {
  return /*#__PURE__*/_react.default.createElement(_Item.default, args, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
    size: "small",
    src: "https://picsum.photos/id/823/400",
    title: "Avatar Fotogr\xE1fico",
    type: "fotographic"
  }), /*#__PURE__*/_react.default.createElement("span", {
    style: {
      marginLeft: '12px'
    }
  }, "Lorem ipsum dolor, sit amet consectetur adipisicing elit."));
};
var Default = Template.bind({});
exports.Default = Default;
Default.storyName = 'Item com elementos interativos';
var Selected = SelectedTemplate.bind({});
exports.Selected = Selected;
Selected.storyName = 'Item com seleção';
var Disabled = DisabledTemplate.bind({});
exports.Disabled = Disabled;
Disabled.storyName = 'Item desativado';
Disabled.args = {
  disabled: true
};