@crave/farmblocks-input-select/lib/components/EmptyCard.js

Select box form component

import * as React from "react";
import PropTypes from "prop-types";
import Image, { badgeSizes } from "@crave/farmblocks-image";
import Text from "@crave/farmblocks-text";
import Card from "@crave/farmblocks-card";
import styled from "styled-components";
import helperSrc from "../constants/helperIcon";
const CardWrapper = styled(Card).withConfig({
  displayName: "EmptyCard__CardWrapper",
  componentId: "sc-1qq1zo9-0"
})(["margin-top:16px;display:flex;position:absolute;.centered{align-self:center;margin-left:10px;}"]);

const EmptyCard = ({
  noResultsMessage,
  className
}) => /*#__PURE__*/React.createElement(CardWrapper, {
  className: className,
  type: "NEUTRAL"
}, /*#__PURE__*/React.createElement(Image, {
  className: "image",
  src: helperSrc,
  badge: true,
  size: badgeSizes.MEDIUM
}), /*#__PURE__*/React.createElement(Text, {
  className: "text centered"
}, noResultsMessage));

EmptyCard.defaultProps = {
  noResultsMessage: "No results found"
};
EmptyCard.propTypes = {
  noResultsMessage: PropTypes.string,
  className: PropTypes.string
};
CardWrapper.displayName = "EmptyCard";
export default EmptyCard;