"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const PluginsContext_1 = require("@skava/forms/build/dist/new-forms/plugins/PluginsContext");

const exports_1 = require("@skava/forms/build/dist/exports");

const words_1 = require("@skava/ui/dist/words");

const Icons_1 = require("@skava/ui/dist/components/atoms/Icons");

const styled_1 = require("./styled");

function defaultRenderButtonGroup(props) {
  const {
    handleToggleVisibility,
    onSubmit
  } = props;
  return react_1.default.createElement(styled_1.ButtonGroup, null, react_1.default.createElement(styled_1.SubmitButton, {
    onClick: onSubmit,
    text: words_1.wording.saveLabel
  }), react_1.default.createElement(styled_1.CancelButton, {
    onClick: handleToggleVisibility,
    text: words_1.wording.cancel
  }));
}

exports.defaultRenderButtonGroup = defaultRenderButtonGroup;

function defaultRenderButton(props, state) {
  const {
    renderButtonGroup,
    handleClick
  } = props;
  const {
    isVisible,
    handleToggleVisibility
  } = state;
  const inputsList = [{
    type: 'text',
    name: 'listName',
    label: 'list name',
    'data-qa': 'qa-create-list-name-textbox'
  }];
  const formState = new exports_1.OneFormState().setInputsList(inputsList);
  const view = isVisible === true ? react_1.default.createElement(PluginsContext_1.PluginsContext.Provider, {
    value: [styled_1.StyledTextBoxPlugin]
  }, react_1.default.createElement(styled_1.StyledObserverForm, {
    state: formState,
    renderButtonGroup: renderButtonGroup,
    onSubmit: handleClick,
    handleToggleVisibility: handleToggleVisibility
  })) : react_1.default.createElement(styled_1.StyledPrimaryButton, {
    text: words_1.wording.createList,
    onClick: handleToggleVisibility
  });
  return view;
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderContent(props) {
  const {
    statusContent
  } = props;
  return statusContent && react_1.default.createElement(styled_1.StyledLabel, {
    content: statusContent
  });
}

exports.defaultRenderContent = defaultRenderContent;

function defaultRenderHeader(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Icons_1.Icons, {
    breedType: 'list'
  }), react_1.default.createElement(styled_1.StyledHeading, {
    breedType: 'h2',
    content: words_1.wording.lists
  }));
}

exports.defaultRenderHeader = defaultRenderHeader;