@atlaskit/global-search/dist/es2019/components/NoRecentActivity.js

A cross-product search component (batteries included)

import React from 'react';
import { FormattedMessage } from 'react-intl';
import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
// eslint-disable-next-line @atlassian/tangerine/import/entry-points

import { gridSize, typography } from '@atlaskit/theme';
import { messages } from '../messages';
import MaginfyingGlassImage from '../assets/MagnifyingGlassImage';
const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: ${gridSize() * 4}px 0;
`;
const ImageWrapper = styled.div`
  width: 20%;
  height: 20%;
  margin-top: ${gridSize() * 11}px;
`;
const TextWrapper = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: ${gridSize() * 3}px;
`;
const Title = styled.h4`
  ${typography.h600()};
  margin-bottom: ${gridSize() * 2}px;
  margin-top: 0;
`;

const Text = ({
  children
}) => /*#__PURE__*/React.createElement(TextWrapper, null, /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.no_recent_activity_title)), children);

export default class NoRecentActivity extends React.Component {
  render() {
    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ImageWrapper, null, /*#__PURE__*/React.createElement(MaginfyingGlassImage, null)), /*#__PURE__*/React.createElement(Text, {
      children: this.props.children
    }));
  }

}