stitch-ui
Version:
390 lines (371 loc) • 29.5 kB
JavaScript
import React from "react"; // eslint-disable-line no-unused-vars
import PropTypes from "prop-types";
const defaultRichRadioClassName = "rich-radio-illustration-item";
export const GoogleLogin = () =>
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
width="18px"
height="18px"
viewBox="0 0 48 48"
>
<g>
<path
fill="#EA4335"
d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
/>
<path
fill="#4285F4"
d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
/>
<path
fill="#FBBC05"
d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
/>
<path
fill="#34A853"
d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
/>
<path fill="none" d="M0 0h48v48H0z" />
</g>
</svg>;
export const UnknownUser = () =>
<svg
width="30px"
height="30px"
version="1.1"
viewBox="0 0 100 125"
x="0px"
y="0px"
>
<g transform="translate(0,-952.36218)">
<path
style={{
textIndent: "0",
textTransform: "none",
direction: "ltr",
blockProgression: "tb",
baselineShift: "baseline",
color: "#000000",
enableBackground: "accumulate"
}}
d="m 43,968.36217 c -18.754,0 -34,15.24599 -34,34.00003 0,18.754 15.246,34 34,34 7.2258,0 13.9542,-2.2405 19.4688,-6.0938 2.9338,3.6987 7.4572,6.0938 12.5312,6.0938 8.8188,0 16,-7.1812 16,-16 0,-8.1601 -6.1574,-14.911 -14.0625,-15.875 0.048,-0.7048 0.062,-1.4081 0.062,-2.125 0,-18.75404 -15.246,-34.00003 -34,-34.00003 z m 0,4 c 16.5922,0 30,13.40772 30,30.00003 0,0.7261 -0.036,1.4451 -0.094,2.1562 -3.7982,0.5018 -7.1791,2.3434 -9.6562,5.0313 -1.188,-1.3606 -2.6892,-2.564 -4.4062,-3.5313 -4.1862,-2.3582 -9.734,-3.6562 -15.8436,-3.6562 -6.1096,0 -11.6576,1.298 -15.8438,3.6562 -4.1863,2.3583 -7.1562,5.991 -7.1562,10.3438 l 0,5.2812 c -4.3701,-5.2106 -7,-11.9343 -7,-19.2812 0,-16.59231 13.4078,-30.00003 30,-30.00003 z m 0,4 c -6.6037,0 -12,5.39627 -12,12 0,6.60372 5.3963,12.00003 12,12.00003 6.6037,0 12,-5.39631 12,-12.00003 0,-6.60373 -5.3963,-12 -12,-12 z m 0,4 c 4.442,0 8,3.55803 8,8 0,4.44192 -3.558,8.00002 -8,8.00002 -4.442,0 -8,-3.5581 -8,-8.00002 0,-4.44197 3.558,-8 8,-8 z m 0,26.00003 c 5.5244,0 10.4698,1.238 13.875,3.1562 1.8169,1.0235 3.1226,2.1948 3.9688,3.4375 -1.1645,2.2173 -1.8438,4.7341 -1.8438,7.4063 0,2.2884 0.4735,4.4665 1.3438,6.4375 -4.8978,3.4852 -10.8615,5.5625 -17.3438,5.5625 -7.2188,0 -13.8287,-2.5473 -19,-6.7813 l 0,-9.2187 c 0,-2.5414 1.7198,-4.9255 5.125,-6.8438 3.4052,-1.9182 8.3506,-3.1562 13.875,-3.1562 z m 32,1 c 7.1975,0 13,5.8025 13,13 0,7.1975 -5.8025,13 -13,13 -7.1975,0 -13,-5.8025 -13,-13 0,-7.1975 5.8025,-13 13,-13 z m 0,1 c -2.8976,0 -5.7966,1.4239 -6.4688,4.25 -0.1917,0.7702 0.3541,1.6551 1.125,1.8437 0.7709,0.1887 1.6269,-0.3532 1.8126,-1.125 0.2598,-1.0923 1.5991,-1.9687 3.5312,-1.9687 2.0624,0 3.5,1.3493 3.5,2.7812 0,2.7094 -0.7914,3.2018 -2.0312,4.3438 -1.2401,1.142 -2.9688,2.9715 -2.9688,6.375 -0.011,0.7925 0.7075,1.5312 1.5,1.5312 0.7926,0 1.5112,-0.7387 1.5,-1.5312 0,-2.5658 0.7711,-2.9959 2.0312,-4.1563 1.26,-1.1605 2.9688,-3.0495 2.9688,-6.5625 0,-3.3166 -3.0426,-5.7812 -6.5,-5.7812 z m 0,20 c -1.1046,0 -2,0.8954 -2,2 0,1.1046 0.8954,2 2,2 1.1046,0 2,-0.8954 2,-2 0,-1.1046 -0.8954,-2 -2,-2 z"
fill="#000000"
fillOpacity="1"
stroke="none"
/>
</g>
</svg>;
export const Auth = () =>
<svg width="16px" height="15px" viewBox="0 0 16 15">
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Group-8" fill="#303434">
<path
d="M11.15,7.64 L11.11,7.64 C11.701365,6.700215 12.010285,5.610315 12,4.5 C12,1.74 10.21,0 8,0 C5.79,0 4,1.74 4,4.5 C3.9891785,5.608125 4.2963155,6.696115 4.8850005,7.635 C2.33,7.965 0,9.095 0,13 L2,13 C2,10 3.5,9.5 8,9.5 C8.765,9.5 9.44,9.5 10.035,9.555 C10.148655,8.797765 10.54756,8.112645 11.15,7.64 Z M8,7.5 C6.935,7.5 6,6.1 6,4.5 C6,3 6.785,2 8,2 C9.215,2 10,3 10,4.5 C10,6.1 9.065,7.5 8,7.5 Z"
id="Fill-3"
/>
<path
d="M15,11.5 L15,10 C15,8.89543 14.10457,8 13,8 C11.89543,8 11,8.89543 11,10 L11,11.5 L10,11.5 L10,15 L16,15 L16,11.5 L15,11.5 Z M12,10 C12,9.447715 12.447715,9 13,9 C13.552285,9 14,9.447715 14,10 L14,11.5 L12,11.5 L12,10 Z"
id="Fill-4"
/>
</g>
</g>
</svg>;
export const Vars = () =>
<svg width="13px" height="16px" viewBox="0 0 13 16">
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Group-7" fill="#303434">
<path
d="M3.47826087,6.96062609 L3.47826087,8.35193043 L2.7826087,8.35193043 L2.7826087,9.74323478 L3.47826087,9.74323478 L3.47826087,11.1345391 C3.47826087,11.5192348 3.78991304,11.8301913 4.17391304,11.8301913 L5.56521739,11.8301913 L5.56521739,10.438887 L4.86956522,10.438887 L4.86956522,7.65627826 L5.56521739,7.65627826 L5.56521739,6.26497391 L4.17391304,6.26497391 C3.78991304,6.26497391 3.47826087,6.57662609 3.47826087,6.96062609"
id="Fill-1"
/>
<path
d="M9.04347826,6.96062609 C9.04347826,6.57662609 8.73182609,6.26497391 8.34782609,6.26497391 L6.95652174,6.26497391 L6.95652174,7.65627826 L7.65217391,7.65627826 L7.65217391,10.438887 L6.95652174,10.438887 L6.95652174,11.8301913 L8.34782609,11.8301913 C8.73182609,11.8301913 9.04347826,11.5192348 9.04347826,11.1345391 L9.04347826,9.74323478 L9.73913043,9.74323478 L9.73913043,8.35193043 L9.04347826,8.35193043 L9.04347826,6.96062609 Z"
id="Fill-3"
/>
<path
d="M1.39130435,13.9150609 L1.39130435,1.39332174 L8.34782609,1.39332174 L8.34782609,4.17593043 L11.1304348,4.17593043 L11.1311304,13.9150609 L1.39130435,13.9150609 Z M9.33147826,0.0020173913 L1.39130435,0.0020173913 C0.624,0.0020173913 0,0.625321739 0,1.39332174 L0,13.9150609 C0,14.6823652 0.624,15.3063652 1.39130435,15.3063652 L11.1304348,15.3063652 C11.8984348,15.3063652 12.5217391,14.6823652 12.5217391,13.9150609 L12.5217391,3.19297391 L9.33147826,0.0020173913 Z"
id="Fill-5"
/>
</g>
</g>
</svg>;
export const Pipelines = () =>
<svg width="14px" height="14px" viewBox="0 0 14 14">
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Group-9" fill="#303434">
<path
d="M9.33333333,12 L11.9986667,12 L11.9986667,10 L9.33333333,10 L9.33333333,12 Z M1.33333333,12 L4,12 L4,10 L1.33333333,10 L1.33333333,12 Z M5.33333333,3.33333333 L8,3.33333333 L8,1.33333333 L5.33333333,1.33333333 L5.33333333,3.33333333 Z M12.6653333,8.66666667 L11.332,8.66666667 L11.332,8 C11.332,6.89733333 10.4346667,6 9.33333333,6 L7.33333333,6 L7.33333333,4.66666667 L8.66666667,4.66666667 C9.03533333,4.66666667 9.33333333,4.36866667 9.33333333,4 L9.33333333,0.666666667 C9.33333333,0.298 9.03533333,7.63833441e-14 8.66666667,7.63833441e-14 L4.66666667,7.63833441e-14 C4.298,7.63833441e-14 4,0.298 4,0.666666667 L4,4 C4,4.36866667 4.298,4.66666667 4.66666667,4.66666667 L6,4.66666667 L6,6 L4,6 C2.89733333,6 2,6.89733333 2,8 L2,8.66666667 L0.666666667,8.66666667 C0.298,8.66666667 0,8.96466667 0,9.33333333 L0,12.6666667 C0,13.0353333 0.298,13.3333333 0.666666667,13.3333333 L4.66666667,13.3333333 C5.03533333,13.3333333 5.33333333,13.0353333 5.33333333,12.6666667 L5.33333333,9.33333333 C5.33333333,8.96466667 5.03533333,8.66666667 4.66666667,8.66666667 L3.33333333,8.66666667 L3.33333333,8 C3.33333333,7.63266667 3.63266667,7.33333333 4,7.33333333 L9.33333333,7.33333333 C9.70066667,7.33333333 9.99866667,7.63266667 9.99866667,8 L9.99866667,8.66666667 L8.66666667,8.66666667 C8.298,8.66666667 8,8.96466667 8,9.33333333 L8,12.6666667 C8,13.0353333 8.298,13.3333333 8.66666667,13.3333333 L12.6653333,13.3333333 C13.034,13.3333333 13.332,13.0353333 13.332,12.6666667 L13.332,9.33333333 C13.332,8.96466667 13.034,8.66666667 12.6653333,8.66666667 L12.6653333,8.66666667 Z"
id="Page-1"
/>
</g>
</g>
</svg>;
export const IncomingWebhooks = () =>
<svg width="16px" height="16px" viewBox="0 0 16 16">
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Group-8" transform="translate(-1.000000, 0.000000)" fill="#303434">
<path
d="M14.3333333,11.7239333 L12.6093333,9.99993333 L13.6666667,8.9426 L15.3906667,10.6666 L14.3333333,11.7239333 Z M8.57533333,8.42326667 C8.39466667,8.2426 8.19333333,8.0926 7.982,7.95993333 L11.6666667,4.27593333 L12.724,5.33326667 L9.03933333,9.0166 C8.908,8.80726667 8.758,8.60526667 8.57533333,8.42326667 Z M8.02333333,11.6432667 L5.356,8.97526667 C6.08866667,8.62526667 7.04,8.77393333 7.63266667,9.36593333 C8.24733333,9.98193333 8.37733333,10.8999333 8.02333333,11.6432667 Z M5.276,2.6666 L6.33333333,1.60926667 L8.05733333,3.33326667 L7,4.3906 L5.276,2.6666 Z M16.8046667,10.1952667 L14.138,7.5286 C13.8773333,7.26793333 13.456,7.26793333 13.1953333,7.5286 L12.6666667,8.05726667 L12.276,7.6666 L13.6666667,6.27593333 C14.186,5.7566 14.186,4.90993333 13.6666667,4.3906 L13.6093333,4.33326667 L14.8046667,3.13793333 L13.862,2.19526667 L12.6666667,3.3906 L12.6093333,3.33326667 C12.09,2.8126 11.2433333,2.8126 10.724,3.33326667 L9.33333333,4.72393333 L8.94266667,4.33326667 L9.47133333,3.8046 C9.732,3.54393333 9.732,3.1226 9.47133333,2.86193333 L6.80466667,0.195266667 C6.544,-0.0654 6.12266667,-0.0654 5.862,0.195266667 L3.862,2.19526667 C3.60133333,2.45593333 3.60133333,2.87726667 3.862,3.13793333 L6.52866667,5.8046 C6.65866667,5.9346 6.82933333,5.99993333 7,5.99993333 C7.17066667,5.99993333 7.34133333,5.9346 7.47133333,5.8046 L8,5.27593333 L8.39066667,5.6666 L6.574,7.4826 C6.45533333,7.46993333 6.33933333,7.44793333 6.21866667,7.44793333 C5.328,7.44793333 4.49066667,7.7946 3.862,8.42326667 C3.60133333,8.68326667 3.60133333,9.10526667 3.862,9.36593333 L7.63266667,13.1379333 C7.758,13.2632667 7.92733333,13.3332667 8.104,13.3332667 C8.28066667,13.3332667 8.45066667,13.2632667 8.57533333,13.1379333 C9.31533333,12.3986 9.61866667,11.3946 9.51533333,10.4259333 L11.3333333,8.60926667 L11.724,8.99993333 L11.1953333,9.5286 C10.9346667,9.78926667 10.9346667,10.2106 11.1953333,10.4712667 L13.862,13.1379333 C13.992,13.2679333 14.1626667,13.3332667 14.3333333,13.3332667 C14.504,13.3332667 14.6746667,13.2679333 14.8046667,13.1379333 L16.8046667,11.1379333 C17.0653333,10.8772667 17.0653333,10.4559333 16.8046667,10.1952667 Z M2.33266667,10.6666667 L0.999333333,10.6666667 C1,12.0913333 1.55466667,13.43 2.562,14.4373333 C3.56933333,15.4446667 4.90866667,16 6.33333333,16 L6.33333333,14.6666667 C5.26466667,14.6666667 4.26066667,14.25 3.50466667,13.4946667 C2.74933333,12.7393333 2.33333333,11.7346667 2.33266667,10.6666667 Z M4.33333333,10.6666667 L3,10.6666667 C3,11.556 3.34666667,12.3933333 3.97666667,13.0233333 C4.604,13.6526667 5.44133333,13.9986667 6.33333333,13.9986667 L6.33333333,12.6653333 C5.798,12.6653333 5.29533333,12.4573333 4.91933333,12.0806667 C4.542,11.7033333 4.33333333,11.2006667 4.33333333,10.6666667 Z"
id="Combined-Shape"
/>
</g>
</g>
</svg>;
export const SQS = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 75 70"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g>
<path d="M5.91,16.307v37.43h58.978v-37.43H5.91z M14.865,44.456L14.75,25.271l8.359,9.595L14.865,44.456z
M31.892,44.459l-0.115-19.186l8.358,9.595L31.892,44.459z M48.551,44.459l-0.115-19.186l8.358,9.595L48.551,44.459z" />
</g>
</svg>;
export const PushNotifications = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 16 16"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Group-8" transform="translate(-1.000000, 0.000000)">
<path
d="M14.3333333,11.7239333 L12.6093333,9.99993333 L13.6666667,8.9426 L15.3906667,10.6666 L14.3333333,11.7239333 Z M8.57533333,8.42326667 C8.39466667,8.2426 8.19333333,8.0926 7.982,7.95993333 L11.6666667,4.27593333 L12.724,5.33326667 L9.03933333,9.0166 C8.908,8.80726667 8.758,8.60526667 8.57533333,8.42326667 Z M8.02333333,11.6432667 L5.356,8.97526667 C6.08866667,8.62526667 7.04,8.77393333 7.63266667,9.36593333 C8.24733333,9.98193333 8.37733333,10.8999333 8.02333333,11.6432667 Z M5.276,2.6666 L6.33333333,1.60926667 L8.05733333,3.33326667 L7,4.3906 L5.276,2.6666 Z M16.8046667,10.1952667 L14.138,7.5286 C13.8773333,7.26793333 13.456,7.26793333 13.1953333,7.5286 L12.6666667,8.05726667 L12.276,7.6666 L13.6666667,6.27593333 C14.186,5.7566 14.186,4.90993333 13.6666667,4.3906 L13.6093333,4.33326667 L14.8046667,3.13793333 L13.862,2.19526667 L12.6666667,3.3906 L12.6093333,3.33326667 C12.09,2.8126 11.2433333,2.8126 10.724,3.33326667 L9.33333333,4.72393333 L8.94266667,4.33326667 L9.47133333,3.8046 C9.732,3.54393333 9.732,3.1226 9.47133333,2.86193333 L6.80466667,0.195266667 C6.544,-0.0654 6.12266667,-0.0654 5.862,0.195266667 L3.862,2.19526667 C3.60133333,2.45593333 3.60133333,2.87726667 3.862,3.13793333 L6.52866667,5.8046 C6.65866667,5.9346 6.82933333,5.99993333 7,5.99993333 C7.17066667,5.99993333 7.34133333,5.9346 7.47133333,5.8046 L8,5.27593333 L8.39066667,5.6666 L6.574,7.4826 C6.45533333,7.46993333 6.33933333,7.44793333 6.21866667,7.44793333 C5.328,7.44793333 4.49066667,7.7946 3.862,8.42326667 C3.60133333,8.68326667 3.60133333,9.10526667 3.862,9.36593333 L7.63266667,13.1379333 C7.758,13.2632667 7.92733333,13.3332667 8.104,13.3332667 C8.28066667,13.3332667 8.45066667,13.2632667 8.57533333,13.1379333 C9.31533333,12.3986 9.61866667,11.3946 9.51533333,10.4259333 L11.3333333,8.60926667 L11.724,8.99993333 L11.1953333,9.5286 C10.9346667,9.78926667 10.9346667,10.2106 11.1953333,10.4712667 L13.862,13.1379333 C13.992,13.2679333 14.1626667,13.3332667 14.3333333,13.3332667 C14.504,13.3332667 14.6746667,13.2679333 14.8046667,13.1379333 L16.8046667,11.1379333 C17.0653333,10.8772667 17.0653333,10.4559333 16.8046667,10.1952667 Z M2.33266667,10.6666667 L0.999333333,10.6666667 C1,12.0913333 1.55466667,13.43 2.562,14.4373333 C3.56933333,15.4446667 4.90866667,16 6.33333333,16 L6.33333333,14.6666667 C5.26466667,14.6666667 4.26066667,14.25 3.50466667,13.4946667 C2.74933333,12.7393333 2.33333333,11.7346667 2.33266667,10.6666667 Z M4.33333333,10.6666667 L3,10.6666667 C3,11.556 3.34666667,12.3933333 3.97666667,13.0233333 C4.604,13.6526667 5.44133333,13.9986667 6.33333333,13.9986667 L6.33333333,12.6653333 C5.798,12.6653333 5.29533333,12.4573333 4.91933333,12.0806667 C4.542,11.7033333 4.33333333,11.2006667 4.33333333,10.6666667 Z"
id="Combined-Shape"
/>
</g>
</g>
</svg>;
export const Code = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 45 40"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Artboard" fill="none">
<path
d="M26.8833573,5.39017715 L25.5944512,5.03200132 C25.4285542,4.97592727 25.2651324,4.99356341 25.1062167,5.08476213 C24.9467987,5.17604203 24.839132,5.31306519 24.7838063,5.49562498 L17.0315952,32.6934536 C16.9762695,32.876082 16.9935952,33.0483051 17.0836377,33.2096085 C17.1736876,33.3712072 17.3085803,33.4800472 17.4889638,33.5361249 L18.7775059,33.8944447 C18.9437669,33.9509666 19.1066063,33.9332582 19.2659588,33.8419067 C19.4253768,33.7501855 19.5328251,33.6136029 19.588078,33.4313434 L27.3405075,6.23307358 C27.3957603,6.05052117 27.3785803,5.87829216 27.2883849,5.71662269 C27.1982695,5.55502702 27.0635224,5.44618478 26.8833573,5.39017715 Z"
id="Fill-1"
/>
<path
d="M15.0961061,10.7488107 C15.0961061,10.5662509 15.0267307,10.4045814 14.8881981,10.2642303 L13.8489054,9.21082188 C13.7103801,9.07039695 13.5509621,9 13.3708625,9 C13.1907701,9 13.0312793,9.07047074 12.8928195,9.21082188 L3.20790215,19.0280377 C3.06915512,19.1684552 3,19.3300583 3,19.5126107 C3,19.6951631 3.06937351,19.8567588 3.20790215,19.9971099 L12.8927467,29.8143257 C13.0312065,29.954972 13.1904061,30.0249188 13.3707897,30.0249188 C13.5511805,30.0249188 13.7103801,29.9547506 13.8488398,29.8143257 L14.8881253,28.7615003 C15.0266579,28.6211565 15.0960333,28.4594796 15.0960333,28.2767059 C15.0960333,28.0943748 15.0266579,27.9327718 14.8881253,27.792428 L6.72032667,19.5126107 L14.8881981,11.2333837 C15.026949,11.0930326 15.0961061,10.9313631 15.0961061,10.7488107 Z"
id="Fill-3"
/>
<path
d="M40.8875502,19.0280377 L31.202413,9.21082188 C31.0639533,9.07047074 30.9044625,9 30.7246613,9 C30.5442705,9 30.3853621,9.07047074 30.2463927,9.21082188 L29.2075441,10.2641565 C29.0690843,10.4045814 29,10.5659557 29,10.7487369 C29,10.9315107 29.0690115,11.0929588 29.2075441,11.2333099 L37.375564,19.5127583 L29.2075441,27.7926494 C29.0690843,27.9329931 29,28.0946626 29,28.2769272 C29,28.4597748 29.0690115,28.6213705 29.2075441,28.7617216 L30.2463927,29.8145471 C30.3853621,29.955186 30.5443433,30.0251402 30.7246613,30.0251402 C30.9045352,30.0251402 31.0639533,29.9549646 31.202413,29.8145471 L40.8875502,19.9974051 C41.0260828,19.8570539 41.0953054,19.6951631 41.0953054,19.5126107 C41.0953054,19.3299845 41.0260828,19.1683814 40.8875502,19.0280377 Z"
id="Fill-4"
/>
</g>
</g>
</svg>;
export const Twilio = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 45 40"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Artboard-Copy" fill="none">
<path
d="M22,3 C12.616,3 5,10.616 5,20 C5,29.384 12.616,37 22,37 C31.384,37 39,29.384 39,20 C39,10.616 31.384,3 22,3 Z M22,32.512 C15.081,32.512 9.488,26.902 9.488,20 C9.488,13.081 15.098,7.488 22,7.488 C28.919,7.488 34.512,13.098 34.512,20 C34.512,26.919 28.919,32.512 22,32.512 Z"
id="XMLID_181_"
/>
<ellipse
id="XMLID_180_"
cx="26.233"
cy="15.767"
rx="3.536"
ry="3.536"
/>
<circle id="XMLID_179_" cx="26.233" cy="24.233" r="3.536" />
<ellipse
id="XMLID_178_"
cx="17.767"
cy="24.233"
rx="3.536"
ry="3.536"
/>
<circle id="XMLID_177_" cx="17.767" cy="15.767" r="3.536" />
</g>
</g>
</svg>;
export const Mailgun = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 1000 1000"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<path d="M493,305.7c-88.9,0-161,72.1-161,161c0,88.9,72.1,161,161,161c88.9,0,161-72.1,161-161
C654,377.8,582,305.7,493,305.7z M242,466.7c0-138.7,112.4-251,251-251c138.7,0,251.1,112.4,251.1,251c0,9.2-0.5,18.2-1.4,27.1
c-1.9,24.5,16.1,43.2,40.4,43.2c41.3,0,45.7-53.2,45.7-70.3c0-185.4-150.3-335.6-335.6-335.6S157.4,281.4,157.4,466.7
c0,185.4,150.3,335.6,335.6,335.6c98.4,0,187-42.4,248.4-109.9l69,57.9c-77.9,87.1-191.3,142-317.4,142
c-235.1,0-425.7-190.6-425.7-425.7S257.9,41,493,41c235.1,0,425.7,190.6,425.7,425.7c0,94.5-45,171.2-135.4,171.2
c-39.8,0-64-18.2-77.2-38.6C661.9,670.5,583,717.8,493,717.8C354.4,717.8,242,605.4,242,466.7z M493,393.1c40.7,0,73.7,33,73.7,73.7
c0,40.7-33,73.7-73.7,73.7c-40.7,0-73.7-33-73.7-73.7S452.3,393.1,493,393.1z" />
</g>
</svg>;
export const PubNub = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 1000 1000"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g
id="Page-1"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
x="0px"
y="0px"
>
<path d="M65.4,863c28.5,0,56.7,0,85.8,0c0-63.3,0-126.8,0-191.4c5.2,1.8,9.2,3.2,13.2,4.7
c42.1,15.4,85.5,23.3,130.5,21.4c71.2-3.1,124.3-41.4,149.6-108c11.6-30.5,16.1-62.2,16.6-94.6c0.6-39.3-2.3-78.3-12.9-116.4
c-18.9-67.7-63.7-106.9-132.1-120c-10.4-2-21.1-2.8-31.7-4.2c-1.7-0.2-3.2-0.9-4.9-1.3c-16.6,0-33.1,0-49.7,0
c-8.6,0.9-17.2,1.8-25.8,2.8c-44.9,4.9-88.8,14.2-131.3,30c-5.9,2.2-7.6,5.1-7.6,11.3c0.2,185.8,0.1,371.7,0.1,557.5
C65.4,857.4,65.4,860,65.4,863z M158.1,333.5c25.9-9.4,52.6-15.4,80.1-17.4c19.3-1.4,38.7-1.3,57.8,3.7c36.2,9.5,57.5,34,67.3,68.9
c14.3,50.9,15.6,102.6,7.1,154.6c-3.6,21.7-11,42.2-25.9,59c-21.8,24.6-50.5,33.1-82,33.6c-36.1,0.5-70.9-6.5-104.6-19.4
c-4.8-1.8-6.5-4-6.5-9.3c0.3-44,0.1-88,0.1-132c0-44,0.1-88-0.1-132C151.2,337.6,153.1,335.4,158.1,333.5z" />
<path d="M942.3,366.3c-4.1-39.4-22-70.6-56.4-91.3c-21.6-13-45.3-20.2-70.1-24c-10.6-1.6-21.2-2.8-31.9-4.2
c-16.7,0-33.5,0-50.2,0c-1.9,0.4-3.8,1.1-5.7,1.2c-52.9,3.7-104.7,13-155.8,27.1c-5.2,1.4-6.8,3.7-6.8,9.1
c0.2,131.8,0.1,263.5,0.1,395.3c0,2.3,0.3,4.7,0.4,7.1c29,0,57.3,0,86.5,0c0-3.2,0-6,0-8.8c0-114.3,0.1-228.7-0.2-343
c0-7.7,2.6-10.9,9.6-12.7c39.3-10.2,79.2-15.2,119.7-10.4c33.1,3.9,56.1,21.6,66.6,54c6.2,19,8.4,38.7,8.5,58.6
c0.2,84.6,0.1,169.2,0.1,253.8c0,2.8,0,5.6,0,8.4c29.4,0,57.9,0,86.9,0c0-3.1,0-5.7,0-8.3c0-93.6,0-187.3-0.1-280.9
C943.6,386.9,943.4,376.5,942.3,366.3z" />
</g>
</svg>;
export const Slack = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 125 125"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g
id="Page-1"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
x="0px"
y="0px"
>
<g>
<rect
x="53.7"
y="54.1"
transform="matrix(0.9482 -0.3176 0.3176 0.9482 -16.6563 23.1069)"
width="17.6"
height="17"
/>
<g>
<rect
x="53.7"
y="54.1"
transform="matrix(0.9482 -0.3176 0.3176 0.9482 -16.6563 23.1069)"
width="17.6"
height="17"
/>
<path d="M119.8,45.3c-12.9-43-31.5-53-74.5-40.1s-53,31.5-40.1,74.5s31.5,53,74.5,40.1S132.7,88.3,119.8,45.3z
M98.1,73.2L90,75.9l2.8,8.4c1.1,3.4-0.7,7.1-4.1,8.2c-0.7,0.2-1.5,0.4-2.2,0.3c-2.6-0.1-5.1-1.8-6-4.4L77.7,80L61,85.6l2.8,8.4
c1.1,3.4-0.7,7.1-4.1,8.2c-0.7,0.2-1.5,0.4-2.2,0.3c-2.6-0.1-5.1-1.8-6-4.4l-2.8-8.4l-8.1,2.7c-0.7,0.2-1.5,0.4-2.2,0.3
c-2.6-0.1-5.1-1.8-6-4.4c-1.1-3.4,0.7-7.1,4.1-8.2l8.1-2.7l-5.4-16.1L31.1,64c-0.7,0.2-1.5,0.4-2.2,0.3c-2.6-0.1-5.1-1.8-6-4.4
c-1.1-3.4,0.7-7.1,4.1-8.2l8.1-2.7l-2.8-8.4c-1.1-3.4,0.7-7.1,4.1-8.2s7.1,0.7,8.2,4.1l2.8,8.4l16.7-5.6l-2.8-8.4
c-1.1-3.4,0.7-7.1,4.1-8.2c3.4-1.1,7.1,0.7,8.2,4.1l2.8,8.4l8.1-2.7c3.4-1.1,7.1,0.7,8.2,4.1c1.1,3.4-0.7,7.1-4.1,8.2l-8.1,2.7
l5.4,16.1l8.1-2.7c3.4-1.1,7.1,0.7,8.2,4.1C103.3,68.4,101.5,72.1,98.1,73.2z" />
</g>
</g>
</g>
</svg>;
export const Github = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 45 40"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Artboard-Copy-2" fill="none">
<path
d="M37.719561,11.4667729 C36.1993743,8.86211415 34.1373354,6.79999767 31.5329092,5.27996604 C28.9280955,3.75985688 26.0844061,3 22.9998411,3 C19.9156636,3 17.0710517,3.76008947 14.4667806,5.27996604 C11.8621157,6.79992014 9.80015661,8.86211415 8.27996992,11.4667729 C6.76001605,14.0713618 6,16.9155861 6,19.9993759 C6,23.7037102 7.08075296,27.0347409 9.24280237,29.9933201 C11.4046184,32.9521334 14.1973663,34.999517 17.620812,36.1357028 C18.0193048,36.2096662 18.3143038,36.1576427 18.5061112,35.9809549 C18.6979963,35.8040331 18.7938225,35.5824551 18.7938225,35.3171514 C18.7938225,35.2728814 18.7900235,34.8746157 18.7826582,34.1218885 C18.7750604,33.3691596 18.771494,32.7124919 18.771494,32.1521885 L18.2623591,32.2402602 C17.9377517,32.2997252 17.528242,32.324923 17.0338377,32.3177895 C16.5396737,32.3108902 16.0266623,32.2591006 15.4955091,32.1628092 C14.9641311,32.0673722 14.4698818,31.846026 14.0123814,31.4992398 C13.5551175,31.1524536 13.2305039,30.6985211 13.0386197,30.1381425 L12.8172743,29.6287773 C12.6697368,29.2896657 12.4374606,28.9129524 12.1201347,28.5000368 C11.8028089,28.0867281 11.4819167,27.8065373 11.1573031,27.658999 L11.0023228,27.5480546 C10.8990545,27.4743242 10.8032283,27.3854059 10.7146131,27.2822144 C10.6260754,27.1790229 10.5597879,27.0757539 10.5155187,26.9723298 C10.4711727,26.8688282 10.5079208,26.7839336 10.626153,26.7173359 C10.7443844,26.6507383 10.9580543,26.6184086 11.2680924,26.6184086 L11.7106273,26.684541 C12.0057798,26.7436959 12.3708637,26.9203852 12.8063434,27.2156943 C13.2415906,27.510763 13.5993875,27.894378 13.8798063,28.3663763 C14.2193846,28.9715677 14.6285067,29.4327096 15.1083356,29.7500339 C15.587769,30.067359 16.0711641,30.2257506 16.5580481,30.2257506 C17.0449244,30.2257506 17.4654433,30.1888459 17.8197521,30.1154264 C18.1736734,30.0416193 18.5057314,29.9306756 18.8157633,29.7832149 C18.9485709,28.7940977 19.3101676,28.0342408 19.9002431,27.5030876 C19.0592052,27.4147042 18.3030698,27.2815864 17.6314335,27.104587 C16.9601848,26.927355 16.266538,26.6397291 15.5509426,26.2409184 C14.8349673,25.8426504 14.2410153,25.348091 13.7689472,24.7581008 C13.2967922,24.1677928 12.9093031,23.3928177 12.6070172,22.4338578 C12.3045769,21.4745181 12.1533188,20.3678649 12.1533188,19.1136037 C12.1533188,17.3277241 12.736336,15.8080026 13.9021348,14.5535863 C13.3560246,13.2109417 13.4075816,11.7057957 14.0569608,10.0383033 C14.4849225,9.90534061 15.1195773,10.0051208 15.9606074,10.337016 C16.8018002,10.669074 17.4176852,10.9535289 17.808898,11.1893731 C18.2001109,11.4251396 18.5135618,11.6249326 18.7497083,11.7869689 C20.1223567,11.4034314 21.5388945,11.211624 22.9996938,11.211624 C24.460493,11.211624 25.8773331,11.4034314 27.2500591,11.7869689 L28.0911745,11.2559707 C28.6663565,10.9016618 29.3455907,10.5769691 30.1272333,10.2818151 C30.9093489,9.9868239 31.5074021,9.90557319 31.9207883,10.0385359 C32.5845942,11.7061058 32.643749,13.2111743 32.0974776,14.5538189 C33.2632003,15.8082352 33.8464532,17.3283443 33.8464532,19.1138363 C33.8464532,20.3680975 33.6946509,21.4782317 33.3926743,22.4449445 C33.09031,23.4118046 32.6994848,24.1860122 32.2200514,24.7691798 C31.7400675,25.3522776 31.1423167,25.8429605 30.426729,26.2411432 C29.7109785,26.6396438 29.0170991,26.9272775 28.3458504,27.1045095 C27.6742994,27.2817415 26.9181562,27.414929 26.0771261,27.5034675 C26.8441932,28.1672733 27.2278082,29.2150756 27.2278082,30.6464152 L27.2278082,35.3165242 C27.2278082,35.5818279 27.3200681,35.8033276 27.5047429,35.9803279 C27.6891773,36.1570157 27.9804549,36.2090392 28.3789554,36.1349977 C31.8028663,34.998965 34.5956111,32.9515046 36.7573527,29.9926905 C38.918854,27.0341051 40,23.7030822 40,19.9987479 C39.9992247,16.9153535 39.2388174,14.0713618 37.719561,11.4667729 Z"
id="Page-1-Copy"
/>
</g>
</g>
</svg>;
export const AWS = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 45 40"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Artboard-Copy-3" fill="none">
<polygon
id="Fill-3"
points="21.6923077 37 6 31.7692308 6 10.8461538 21.6923077 16.0769231"
/>
<polygon
id="Fill-4"
points="40 31.7692308 24.3076923 37 24.3076923 16.0769231 40 10.8461538"
/>
<polygon
id="Fill-5"
points="38.6923077 8.23076923 23 3 7.30769231 8.23076923 23 13.4615385"
/>
</g>
</g>
</svg>;
export const MongoDB = props =>
<svg
width="45px"
height="40px"
viewBox="0 0 45 40"
version="1.1"
className={props.className ? props.className : defaultRichRadioClassName}
>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Artboard-Copy-4" fill="none">
<g id="Page-1" transform="translate(14.000000, 4.000000)">
<path
d="M9,4.73 C11,6.31 14,9.73 14,16 C14,19.59 12,22 9,22 C6,22 4,19.59 4,16 C4,9.74 7,6.3 9,4.73 L9,4.73 Z M9,0 C9,0 0,4 0,16 C0,22.08 4,26 9,26 C14,26 18,22 18,16 C18,4 9,0 9,0 Z"
id="Fill-3"
/>
<polygon id="Stroke-4" points="10 31.89 10 2 8 2 8 31.89" />
</g>
</g>
</g>
</svg>;
const svgPropTypes = {
className: PropTypes.string
};
Code.propTypes = svgPropTypes;
Twilio.propTypes = svgPropTypes;
Github.propTypes = svgPropTypes;
AWS.propTypes = svgPropTypes;
MongoDB.propTypes = svgPropTypes;
Slack.propTypes = svgPropTypes;
SQS.propTypes = svgPropTypes;
PushNotifications.propTypes = svgPropTypes;
PubNub.propTypes = svgPropTypes;
Mailgun.propTypes = svgPropTypes;