import * as React from 'react';

import AccessibleSVG from '../../../../icons/accessible-svg';

type Props = {
    className?: string;
    height?: number;
    width?: number;
};

const ActivityFeedEmptyStateIllustration = ({ className = '', width = 140, height = 140 }: Props): JSX.Element => (
    <AccessibleSVG
        className={`bcs-ActivityFeedEmptyStateIllustration ${className}`}
        height={height}
        viewBox="0 0 140 140"
        width={width}
    >
        <path fill="#FFF" d="M42 39h63c2.761 0 5 2.239 5 5v68H42c-2.761 0-5-2.239-5-5V44c0-2.761 2.239-5 5-5z" />
        <path
            fill="#E5EFFA"
            d="M13.871 122c2.138 0 3.87 1.79 3.87 4s-1.732 4-3.87 4S10 128.21 10 126s1.733-4 3.871-4zM95 27c5.523 0 10 4.477 10 10v2H42c-2.689 0-4.882 2.122-4.995 4.783L37 44v63h-2c-5.523 0-10-4.477-10-10V37c0-5.523 4.477-10 10-10h60zm6 65c.552 0 1 .448 1 1s-.448 1-1 1H47c-.552 0-1-.448-1-1s.448-1 1-1zm-4-10c.552 0 1 .448 1 1s-.448 1-1 1H47c-.552 0-1-.448-1-1s.448-1 1-1zm-3-10c.552 0 1 .448 1 1s-.448 1-1 1H47c-.552 0-1-.448-1-1s.448-1 1-1zm-5-10c.552 0 1 .448 1 1s-.448 1-1 1H47c-.552 0-1-.448-1-1s.448-1 1-1zm-4-10c.552 0 1 .448 1 1s-.448 1-1 1H47c-.552 0-1-.448-1-1s.448-1 1-1zm37.258-42c4.276 0 7.742 3.582 7.742 8s-3.466 8-7.742 8-7.742-3.582-7.742-8 3.466-8 7.742-8z"
        />
        <path
            fill="#0061D5"
            d="M111 106c.552 0 1 .448 1 1v5h5c.552 0 1 .448 1 1s-.448 1-1 1h-5v5c0 .552-.448 1-1 1s-1-.448-1-1v-5h-5c-.552 0-1-.448-1-1s.448-1 1-1h5v-5c0-.552.448-1 1-1zm-60 6c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm-55-6c.552 0 1 .448 1 1 0 2.849 1.913 5 5 5 .552 0 1 .448 1 1s-.448 1-1 1c-4.248 0-7-3.095-7-7 0-.552.448-1 1-1zm83-3c.552 0 1 .448 1 1v3c0 .552-.448 1-1 1h-3c-.552 0-1-.448-1-1v-3c0-.552.448-1 1-1h3zM46 47c.513 0 .936.386.993.883L47 48v47c0 3.785 3.005 6.87 6.76 6.996L54 102h37c.552 0 1 .448 1 1 0 .513-.386.936-.883.993L91 104H54c-4.882 0-8.856-3.887-8.996-8.735L45 95V48c0-.552.448-1 1-1zM36 97c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm58-30c2.21 0 4 1.79 4 4s-1.79 4-4 4c-.626 0-1.22-.144-1.747-.4l-6.61 6.744C85.871 81.85 86 82.41 86 83c0 2.21-1.79 4-4 4s-4-1.79-4-4c0-.593.13-1.156.36-1.663l-2.627-2.73C75.209 78.858 74.62 79 74 79c-.849 0-1.636-.264-2.284-.716L61.284 88.716c.452.648.716 1.435.716 2.284 0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4c.632 0 1.23.147 1.762.408l10.646-10.646C70.147 76.23 70 75.632 70 75c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .862-.272 1.66-.736 2.312l2.37 2.462C80.297 79.288 81.114 79 82 79c.889 0 1.71.29 2.374.78l6.353-6.48C90.269 72.65 90 71.856 90 71c0-2.21 1.79-4 4-4zm17 20c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm-75 0c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm22 2c-1.105 0-2 .895-2 2s.895 2 2 2 2-.895 2-2-.895-2-2-2zm24-8c-1.105 0-2 .895-2 2s.895 2 2 2 2-.895 2-2-.895-2-2-2zm29-4c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm-75 0c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm38-4c-1.105 0-2 .895-2 2s.895 2 2 2 2-.895 2-2-.895-2-2-2zm37-6c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm-75 0c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm58 2c-1.105 0-2 .895-2 2s.895 2 2 2 2-.895 2-2-.895-2-2-2zm17-12c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm-75 0c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm75-10c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm-75 0c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1v-5c0-.552.448-1 1-1zm6-10c.552 0 1 .448 1 1s-.448 1-1 1c-3.087 0-5 2.151-5 5 0 .552-.448 1-1 1s-1-.448-1-1c0-3.905 2.752-7 7-7zm63 0c4.248 0 7 3.095 7 7 0 .552-.448 1-1 1s-1-.448-1-1c0-2.849-1.913-5-5-5-.552 0-1-.448-1-1s.448-1 1-1zm-54 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5zm10 0c.552 0 1 .448 1 1s-.448 1-1 1h-5c-.552 0-1-.448-1-1s.448-1 1-1h5z"
        />
        <path
            fill="#E5EFFA"
            d="M58 89c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm24-8c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm-8-8c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm20-4c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2z"
        />
    </AccessibleSVG>
);

export default ActivityFeedEmptyStateIllustration;
