import * as React from 'react';

import { bdlBoxBlue } from '../../styles/variables';
import AccessibleSVG from '../accessible-svg';
import { TwoTonedIcon } from '../iconTypes';

const IconSharedLink = ({ className = '', height = 24, title, width = 24 }: TwoTonedIcon) => (
    <AccessibleSVG
        className={`icon-shared-link-2 ${className}`}
        height={height}
        title={title}
        viewBox="0 0 32 32"
        width={width}
    >
        <circle className="background-color" fill="none" fillRule="nonzero" cx="16" cy="16" r="12" />
        <path
            className="foreground-color"
            d="M16.6407465,18.911119 C16.9315377,18.6192509 17.4100835,18.6123517 17.7096085,18.8957092 C18.0091335,19.1790667 18.0162137,19.6453792 17.7254225,19.9372473 L16.8435512,20.8223846 C15.2787015,22.3930298 12.728184,22.3920431 11.164329,20.8223963 C9.61149698,19.2638133 9.61227985,16.7425147 11.1643406,15.1847058 L12.046212,14.2995685 C12.3370031,14.0077004 12.8155489,14.0008012 13.1150739,14.2841587 C13.4145989,14.5675162 13.4216791,15.0338287 13.130888,15.3256968 L12.2490167,16.2108341 C11.2662661,17.1972243 11.2657655,18.8093871 12.249005,19.796268 C13.2192613,20.7701177 14.7880026,20.7707246 15.7588752,19.7962564 L16.6407465,18.911119 Z M15.3592535,13.088881 C15.0684623,13.3807491 14.5899165,13.3876483 14.2903915,13.1042908 C13.9908665,12.8209333 13.9837863,12.3546208 14.2745775,12.0627527 L15.1564488,11.1776154 C16.7212985,9.60697017 19.271816,9.60795689 20.835671,11.1776037 C22.388503,12.7361867 22.3877202,15.2574853 20.8356594,16.8152942 L19.953788,17.7004315 C19.6629969,17.9922996 19.1844511,17.9991988 18.8849261,17.7158413 C18.5854011,17.4324838 18.5783209,16.9661713 18.869112,16.6743032 L19.7509833,15.7891659 C20.7337339,14.8027757 20.7342345,13.1906129 19.750995,12.203732 C18.7807387,11.2298823 17.2119974,11.2292754 16.2411248,12.2037436 L15.3592535,13.088881 Z M15.3022948,17.6965445 C15.0053357,17.9853145 14.5305083,17.978676 14.2417383,17.6817168 C13.9529682,17.3847577 13.9596068,16.9099304 14.2565659,16.6211603 L16.6161041,14.3266898 C16.9130633,14.0379198 17.3878906,14.0445583 17.6766607,14.3415175 C17.9654307,14.6384766 17.9587922,15.1133039 17.661833,15.402074 L15.3022948,17.6965445 Z"
            fill={bdlBoxBlue}
            fillRule="nonzero"
        />
    </AccessibleSVG>
);

export default IconSharedLink;
