wix-style-react/dist/stories/TableActionCell/examples/AlwaysVisibleSecondaryExample.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _TableActionCell = require('wix-style-react/TableActionCell');

var _TableActionCell2 = _interopRequireDefault(_TableActionCell);

var _newIcons = require('wix-style-react/new-icons');

var _TableActionCellStorySt = require('../TableActionCell.story.st.css');

var _TableActionCellStorySt2 = _interopRequireDefault(_TableActionCellStorySt);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Example = function Example() {
  return _react2.default.createElement(
    'div',
    { className: _TableActionCellStorySt2.default.exampleRow },
    _react2.default.createElement(_TableActionCell2.default, {
      dataHook: 'story-always-visible-secondary',
      secondaryActions: [{
        text: 'Duplicate',
        icon: _react2.default.createElement(_newIcons.Duplicate, null),
        onClick: function onClick() {
          return window.alert('Duplicate action was triggered.');
        }
      }, {
        text: 'Print',
        icon: _react2.default.createElement(_newIcons.Print, null),
        onClick: function onClick() {
          return window.alert('Print action was triggered.');
        }
      }],
      numOfVisibleSecondaryActions: 2,
      alwaysShowSecondaryActions: true
    })
  );
};

exports.default = Example;