component.svg

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="121px" viewBox="-0.5 -0.5 501 121" content="&lt;mxfile modified=&quot;2019-02-05T15:58:02.663Z&quot; host=&quot;www.draw.io&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36&quot; etag=&quot;vDh1IXA9BD7GfienlagW&quot; version=&quot;10.1.8&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;xHcEIMfuGtzaAfQPcvjC&quot; name=&quot;Page-1&quot;&gt;7VZNU6NAEP01OcaCGSB4XKPRg1vWalnqXrYGaGB0oLPDJAR//Q5hCCAmmirL054y/foj06/ndTGh82xzKdky/YkRiAmxos2Enk8Ise1TS//USNUgM99ugETyyAR1wB1/BQOavGTFIygGgQpRKL4cgiHmOYRqgDEpsRyGxSiG/7pkCYyAu5CJMfrAI5U2qO9aHX4FPEnbf7Yt48lYG2yAImURlj2IXkzoXCKq5pRt5iBq8lpemrzFHu/uYhJy9ZmExa395/by10OpCnH2+ttbVOuHqamyZmJlGjaXVVXLgMRVHkFdxJrQszLlCu6WLKy9pZ65xlKVCW3Z+mjKgVSw2XtPe9e9fjaAGShZ6ZA2wTGEVW/ssuPfbVlO+9y3TDMz82RXu6NFHwwze0i/j56C1Y2Vx+T++sp15n+zeOqMSIFIvxJjolQpJpgzcdGhZ0PaehTBhqvH3vmpDjlxjXW+MRlbo2qNXLfx2Dd6WbXZpW2tNu8ZlKqMqNhKoYa6214jLgdjG81It4wrGcIBalpNMpmAOhBHm7iat4OPQIJgiq+H6jtioPcFyJvguV4FxBIsANGkhpgtMdftFU1JwfOXxpMqVe+SH3VFsijL8iRHxTE/KbCuzXg+3SVPVTG13ZDZruOf+jRyCBCfBIQSn8XOzPXBMwI6+J76vZv3967g7I8FF3Mh5ihQbnNpHIMXhhovlMQX6Hmi2WlgWYdmPVLtfonO3kh0NpboTo19iXrHK1SbvZkeIVoyWm2CBwe22/FkRy74kfMe2fpNUM/7GrJ3u+4byP4cs+7/dfjBmvtwHZJvWoefGygdSUUrbs11p18qFwZ+/O5u8kIfgvhr5ELpt+6m7vtt6+t9BdOLfw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="0" y="0" width="500" height="120" fill="#ffffff" stroke="#000000" pointer-events="none"/><path d="M 150 60 L 183.63 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 188.88 60 L 181.88 63.5 L 183.63 60 L 181.88 56.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><a xlink:href="https://www.notion.so/main-component-ts-15ca1548983d42e282b2328af4758e62"><rect x="30" y="30" width="120" height="60" rx="9" ry="9" fill="#ffe6cc" stroke="#d79b00"/><g transform="translate(56.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="66" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 66px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">components</div></div></foreignObject><text x="33" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">components</text></switch></g></a><rect x="360" y="30" width="120" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366"/><g transform="translate(413.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="12" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 14px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">lib</div></div></foreignObject><text x="6" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">lib</text></switch></g><path d="M 310 60 L 353.63 60" fill="none" stroke="#000000" stroke-miterlimit="10"/><path d="M 358.88 60 L 351.88 63.5 L 353.63 60 L 351.88 56.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10"/><rect x="190" y="30" width="120" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf"/><g transform="translate(230.5,53.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="38" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 40px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">service</div></div></foreignObject><text x="19" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">service</text></switch></g></g></svg>