@wulperstudio/cms/node/components/TextDate/TextDate.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _dayjs = _interopRequireDefault(require("dayjs"));
var _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var TextDate = function TextDate(_ref) {
  var date = _ref.date,
    _ref$format = _ref.format,
    format = _ref$format === void 0 ? 'DD/MM/YYYY' : _ref$format,
    icon = _ref.icon,
    textProps = _ref.textProps,
    stackProps = _ref.stackProps;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, Object.assign({
    direction: "row",
    columnGap: 1,
    justifyContent: "center",
    alignItems: "center"
  }, stackProps, {
    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, Object.assign({
      icon: icon == null ? void 0 : icon.name,
      color: icon == null ? void 0 : icon.color
    }, icon == null ? void 0 : icon.restProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({
      variant: "body1"
    }, textProps, {
      children: (0, _dayjs["default"])(date).format(format)
    }))]
  }));
};
var _default = exports["default"] = TextDate;