wix-style-react/dist/es/stories/TableActionCell/examples/DisabledSecondaryExample.js

wix-style-react

import React from 'react';
import TableActionCell from 'wix-style-react/TableActionCell';
import { Download, Duplicate, Print } from 'wix-style-react/new-icons';

import style from '../TableActionCell.story.st.css';

var Example = function Example() {
  return React.createElement(
    'div',
    { className: style.exampleRow },
    React.createElement(TableActionCell, {
      dataHook: 'story-disabled-secondary',
      secondaryActions: [{
        text: 'Download',
        icon: React.createElement(Download, null),
        onClick: function onClick() {
          return window.alert('Download action was triggered.');
        }
      }, {
        text: 'Duplicate',
        icon: React.createElement(Duplicate, null),
        onClick: function onClick() {
          return window.alert('Duplicate action was triggered.');
        },
        disabled: true
      }, {
        text: 'Print',
        icon: React.createElement(Print, null),
        onClick: function onClick() {
          return window.alert('Print action was triggered.');
        },
        disabled: true
      }],
      numOfVisibleSecondaryActions: 1
    })
  );
};

export default Example;