"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Disabled = exports.Size = exports.Color = exports.Default = exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _core = require("@material-ui/core");

var _Home = _interopRequireDefault(require("@material-ui/icons/Home"));

var _IconButton = _interopRequireDefault(require("../../../components/elements/buttons/IconButton"));

var _default = {
  title: 'Elements/Buttons/IconButton',
  component: _IconButton.default
};
exports.default = _default;

var Default = function Default() {
  return /*#__PURE__*/_react.default.createElement(_IconButton.default, null, /*#__PURE__*/_react.default.createElement(_Home.default, null));
};

exports.Default = Default;

var Color = function Color() {
  return /*#__PURE__*/_react.default.createElement(_core.Grid, {
    container: true,
    spacing: 2
  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, null, /*#__PURE__*/_react.default.createElement(_Home.default, null))), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    color: "inherit"
  }, /*#__PURE__*/_react.default.createElement(_Home.default, null))), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    color: "primary"
  }, /*#__PURE__*/_react.default.createElement(_Home.default, null))), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    color: "secondary"
  }, /*#__PURE__*/_react.default.createElement(_Home.default, null))), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    color: "disabled"
  }, /*#__PURE__*/_react.default.createElement(_Home.default, null))));
};

exports.Color = Color;

var Size = function Size() {
  return /*#__PURE__*/_react.default.createElement(_core.Grid, {
    container: true,
    alignItems: "center",
    spacing: 2
  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, null, /*#__PURE__*/_react.default.createElement(_Home.default, null))), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    size: "small"
  }, /*#__PURE__*/_react.default.createElement(_Home.default, null))));
};

exports.Size = Size;

var Disabled = function Disabled() {
  return /*#__PURE__*/_react.default.createElement(_core.Grid, {
    container: true,
    spacing: 2
  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, null, /*#__PURE__*/_react.default.createElement(_Home.default, null))), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    disabled: true
  }, /*#__PURE__*/_react.default.createElement(_Home.default, null))));
};

exports.Disabled = Disabled;