import React from 'react';
import { styled } from 'styled-components';
import { Box } from '../../atoms/box/index.js';
import { Icon } from '../../atoms/icon/index.js';
import { Link } from '../../atoms/link/index.js';
import { Text } from '../../atoms/text/index.js';
import { themeGet } from '../../utils/index.js';
const StyledWrapper = styled(Box).withConfig({
  displayName: "made-with-love__StyledWrapper",
  componentId: "sc-1aoiffx-0"
})(["user-select:none;& > *{padding:0 ", ";}"], themeGet('space', 'xs'));
StyledWrapper.defaultProps = {
  color: 'grey60',
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center'
};
const StyledLink = styled(Link).withConfig({
  displayName: "made-with-love__StyledLink",
  componentId: "sc-1aoiffx-1"
})(["font-size:", ";font-weight:300;&:hover{color:", ";text-decoration:none;}"], themeGet('fontSizes', 'sm'), themeGet('colors', 'love'));
export const MadeWithLove = () => /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(Text, {
  as: "span",
  variant: "sm"
}, "Made with"), /*#__PURE__*/React.createElement(Icon, {
  icon: "Heart",
  color: "love"
}), /*#__PURE__*/React.createElement(Text, {
  as: "span",
  variant: "sm"
}, "by"), /*#__PURE__*/React.createElement(StyledLink, {
  href: "https://adminjs.co/",
  target: "_blank",
  rel: "noopener noreferrer"
}, "AdminJS Team"));
export default MadeWithLove;