"use strict";

exports.__esModule = true;
exports.default = exports.CommentSecondLevel = exports.CommentFirstLevel = exports.Base = void 0;

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

var _index = _interopRequireDefault(require("./index"));

var _core = require("@selfcommunity/core");

var _comments = require("../../types/comments");

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

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
var _default = {
  title: 'Design System/SC UI/CommentsFeedObject',
  component: _index.default,
  argTypes: {
    feedObjectId: {
      control: {
        type: 'number'
      },
      description: 'FeedObject Id',
      table: {
        defaultValue: {
          summary: 360
        }
      }
    },
    feedObjectType: {
      options: [_core.SCFeedObjectTypologyType.POST, _core.SCFeedObjectTypologyType.DISCUSSION, _core.SCFeedObjectTypologyType.STATUS],
      control: {
        type: 'select'
      },
      description: 'Object type. Used only with args id.',
      table: {
        defaultValue: {
          summary: _core.SCFeedObjectTypologyType.POST
        }
      }
    },
    elevation: {
      control: {
        type: 'number'
      },
      description: 'Used only if variant="elevation". Shadow depth, corresponds to dp in the spec. It accepts values between 0 and 24 inclusive.',
      table: {
        defaultValue: {
          summary: 1
        }
      }
    },
    variant: {
      options: ['elevation', 'outlined'],
      control: {
        type: 'select'
      },
      description: 'The variant to use. Types: "elevation", "outlined", etc.',
      table: {
        defaultValue: {
          summary: 'elevation'
        }
      }
    }
  },
  args: {
    feedObjectId: 360,
    feedObjectType: _core.SCFeedObjectTypologyType.POST,
    infiniteScrolling: true,
    commentsOrderBy: _comments.SCCommentsOrderBy.ADDED_AT_ASC // onChangePage: (p) => console.log(p),
    // page: 2

  } // More on argTypes: https://storybook.js.org/docs/react/api/argtypes

}; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

exports.default = _default;

const Template = args => /*#__PURE__*/_react.default.createElement("div", {
  style: {
    width: '100%',
    maxWidth: 800
  }
}, /*#__PURE__*/_react.default.createElement(_index.default, args));

const Base = Template.bind({});
exports.Base = Base;
Base.args = {};
const CommentFirstLevel = Template.bind({});
exports.CommentFirstLevel = CommentFirstLevel;
CommentFirstLevel.args = {
  commentObjectId: 1146
};
const CommentSecondLevel = Template.bind({});
exports.CommentSecondLevel = CommentSecondLevel;
CommentSecondLevel.args = {
  commentObjectId: 1119
};