"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const box_1 = __importDefault(require("../../atoms/box"));
const icon_1 = __importDefault(require("../../atoms/icon"));
const link_1 = __importDefault(require("../../atoms/link"));
const text_1 = __importDefault(require("../../atoms/text"));
const utils_1 = require("../../utils");
const StyledWrapper = styled_components_1.default(box_1.default) `
  user-select: none;
  & > * {
    padding: 0 ${utils_1.themeGet('space', 'xs')};
  }
`;
StyledWrapper.defaultProps = {
    color: 'grey60',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
};
const StyledLink = styled_components_1.default(link_1.default) `
  font-size: ${utils_1.themeGet('fontSizes', 'sm')};
  font-weight: 300;
  &:hover {
    color: ${utils_1.themeGet('colors', 'love')};
    text-decoration: none;
  }
`;
const MadeWithLove = () => (react_1.default.createElement(StyledWrapper, null,
    react_1.default.createElement(text_1.default, { as: "span", variant: "sm" }, "Made with"),
    react_1.default.createElement(icon_1.default, { icon: "FavoriteFilled", color: "love" }),
    react_1.default.createElement(text_1.default, { as: "span", variant: "sm" }, "by"),
    react_1.default.createElement(StyledLink, { href: "https://adminjs.co/", target: "_blank", rel: "noopener noreferrer" }, "AdminJS Team")));
exports.default = MadeWithLove;
