import { Button } from '@scaleflex/ui/core';
import Styled from './Views.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var ErroredViewPlaceholder = function ErroredViewPlaceholder(_ref) {
  var icon = _ref.icon,
    title = _ref.title,
    description = _ref.description,
    backTo = _ref.backTo,
    backToLabel = _ref.backToLabel;
  return /*#__PURE__*/_jsxs(Styled.ViewErrorPlaceholder, {
    children: [icon || /*#__PURE__*/_jsx(Styled.ViewErrorIcon, {
      size: 150
    }), /*#__PURE__*/_jsx(Styled.ViewErrorTitle, {
      children: title
    }), (description || backTo && backToLabel) && /*#__PURE__*/_jsxs(Styled.ViewDescriptionWrapper, {
      children: [description && /*#__PURE__*/_jsxs(Styled.ViewErrorDescription, {
        children: [description, description[description.length - 1] !== '.' && '.']
      }), backTo && backToLabel && /*#__PURE__*/_jsx(Button, {
        onClick: backTo,
        color: "link-primary",
        children: backToLabel
      })]
    })]
  });
};
export default ErroredViewPlaceholder;