@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
23 lines • 8.85 kB
JavaScript
import Svg, { Path } from "react-native-svg";
const SvgComponent = ({ height, width, color }) => (<Svg width={width} height={height} viewBox='0 0 190 123' fill='none'>
<Path d='M10.5 11.9987C10.5 6.3838 15.0518 1.83203 20.6667 1.83203H159.333C164.948 1.83203 169.5 6.3838 169.5 11.9987V27.9987C169.5 33.6136 164.948 38.1654 159.333 38.1654H20.6667C15.0518 38.1654 10.5 33.6136 10.5 27.9987V11.9987Z' fill='#FAFAFA'/>
<Path d='M10.5 11.9987C10.5 6.3838 15.0518 1.83203 20.6667 1.83203H159.333C164.948 1.83203 169.5 6.3838 169.5 11.9987V27.9987C169.5 33.6136 164.948 38.1654 159.333 38.1654H20.6667C15.0518 38.1654 10.5 33.6136 10.5 27.9987V11.9987Z' stroke='#F5F5F5'/>
<Path opacity={0.6} d='M34.0003 33.3327C41.3641 33.3327 47.3337 27.3631 47.3337 19.9993C47.3337 12.6356 41.3641 6.66602 34.0003 6.66602C26.6365 6.66602 20.667 12.6356 20.667 19.9993C20.667 27.3631 26.6365 33.3327 34.0003 33.3327Z' fill='#A1A1A1'/>
<Path d='M32.2454 22.6816C32.2454 22.5462 32.2246 22.4247 32.1829 22.3171C32.1447 22.2059 32.0718 22.1053 31.9642 22.015C31.8566 21.9212 31.7055 21.8292 31.5111 21.7389C31.3166 21.6487 31.0649 21.5549 30.7559 21.4577C30.4121 21.3466 30.0857 21.2216 29.7767 21.0827C29.4711 20.9438 29.2003 20.7823 28.9642 20.5983C28.7316 20.4108 28.5475 20.1938 28.4121 19.9473C28.2802 19.7007 28.2142 19.4143 28.2142 19.0879C28.2142 18.7719 28.2836 18.4855 28.4225 18.2285C28.5614 17.9681 28.7559 17.7459 29.0059 17.5618C29.2559 17.3743 29.551 17.2303 29.8913 17.1296C30.235 17.0289 30.6118 16.9785 31.0215 16.9785C31.5805 16.9785 32.0684 17.0792 32.485 17.2806C32.9017 17.482 33.2246 17.758 33.4538 18.1087C33.6864 18.4594 33.8027 18.8605 33.8027 19.3118H32.2507C32.2507 19.0896 32.2038 18.8952 32.11 18.7285C32.0197 18.5584 31.8809 18.4247 31.6934 18.3275C31.5093 18.2303 31.2767 18.1816 30.9954 18.1816C30.7246 18.1816 30.4989 18.2233 30.3184 18.3066C30.1378 18.3865 30.0024 18.4959 29.9121 18.6348C29.8218 18.7702 29.7767 18.923 29.7767 19.0931C29.7767 19.2216 29.8079 19.3379 29.8704 19.4421C29.9364 19.5462 30.0336 19.6434 30.1621 19.7337C30.2906 19.824 30.4486 19.9091 30.6361 19.9889C30.8236 20.0688 31.0406 20.1469 31.2871 20.2233C31.7003 20.3483 32.0632 20.4889 32.3757 20.6452C32.6916 20.8014 32.9555 20.9768 33.1673 21.1712C33.3791 21.3657 33.5388 21.5862 33.6465 21.8327C33.7541 22.0792 33.8079 22.3587 33.8079 22.6712C33.8079 23.0011 33.7437 23.2962 33.6152 23.5566C33.4868 23.8171 33.301 24.0375 33.0579 24.2181C32.8149 24.3987 32.525 24.5358 32.1882 24.6296C31.8513 24.7233 31.4746 24.7702 31.0579 24.7702C30.6829 24.7702 30.3132 24.7216 29.9486 24.6243C29.584 24.5237 29.2524 24.3726 28.9538 24.1712C28.6586 23.9698 28.4225 23.7129 28.2454 23.4004C28.0684 23.0879 27.9798 22.7181 27.9798 22.291H29.5475C29.5475 22.5271 29.584 22.7268 29.6569 22.89C29.7298 23.0532 29.8322 23.1851 29.9642 23.2858C30.0996 23.3865 30.2593 23.4594 30.4434 23.5046C30.6309 23.5497 30.8357 23.5723 31.0579 23.5723C31.3288 23.5723 31.551 23.5341 31.7246 23.4577C31.9017 23.3813 32.0319 23.2754 32.1152 23.14C32.202 23.0046 32.2454 22.8518 32.2454 22.6816ZM36.4329 17.0827V24.666H34.8704V17.0827H36.4329ZM39.4538 20.3223V21.541H36.0059V20.3223H39.4538ZM39.8184 17.0827V18.3066H36.0059V17.0827H39.8184Z' fill='white'/>
<Path d='M96.6667 9.33203H62C59.7909 9.33203 58 11.1229 58 13.332C58 15.5412 59.7909 17.332 62 17.332H96.6667C98.8758 17.332 100.667 15.5412 100.667 13.332C100.667 11.1229 98.8758 9.33203 96.6667 9.33203Z' fill='#DCDCDC'/>
<Path d='M153.253 22.666H64.08C60.7221 22.666 58 24.4569 58 26.666C58 28.8752 60.7221 30.666 64.08 30.666H153.253C156.611 30.666 159.333 28.8752 159.333 26.666C159.333 24.4569 156.611 22.666 153.253 22.666Z' fill='#E8E8E8'/>
<Path d='M30.5 53.9987C30.5 48.3838 35.0518 43.832 40.6667 43.832H179.333C184.948 43.832 189.5 48.3838 189.5 53.9987V69.9987C189.5 75.6136 184.948 80.1654 179.333 80.1654H40.6667C35.0518 80.1654 30.5 75.6136 30.5 69.9987V53.9987Z' fill='#FAFAFA'/>
<Path d='M30.5 53.9987C30.5 48.3838 35.0518 43.832 40.6667 43.832H179.333C184.948 43.832 189.5 48.3838 189.5 53.9987V69.9987C189.5 75.6136 184.948 80.1654 179.333 80.1654H40.6667C35.0518 80.1654 30.5 75.6136 30.5 69.9987V53.9987Z' stroke='#F5F5F5'/>
<Path opacity={0.6} d='M54.0003 75.3327C61.3641 75.3327 67.3337 69.3631 67.3337 61.9993C67.3337 54.6356 61.3641 48.666 54.0003 48.666C46.6365 48.666 40.667 54.6356 40.667 61.9993C40.667 69.3631 46.6365 75.3327 54.0003 75.3327Z' fill='#A1A1A1'/>
<Path d='M49.9954 65.0827L51.7819 59.0827H53.5215L50.8809 66.666H49.735L49.9954 65.0827ZM48.3496 59.0827L50.1309 65.0827L50.4017 66.666H49.2454L46.6204 59.0827H48.3496ZM60.4017 59.0827V66.666H58.8392L55.7923 61.5827V66.666H54.2298V59.0827H55.7923L58.8444 64.1712V59.0827H60.4017Z' fill='white'/>
<Path d='M116.667 51.332H82C79.7909 51.332 78 53.1229 78 55.332C78 57.5412 79.7909 59.332 82 59.332H116.667C118.876 59.332 120.667 57.5412 120.667 55.332C120.667 53.1229 118.876 51.332 116.667 51.332Z' fill='#DCDCDC'/>
<Path d='M173.253 64.666H84.08C80.7221 64.666 78 66.4569 78 68.666C78 70.8752 80.7221 72.666 84.08 72.666H173.253C176.611 72.666 179.333 70.8752 179.333 68.666C179.333 66.4569 176.611 64.666 173.253 64.666Z' fill='#E8E8E8'/>
<Path d='M0.5 95.9987C0.5 90.3838 5.05177 85.832 10.6667 85.832H149.333C154.948 85.832 159.5 90.3838 159.5 95.9987V111.999C159.5 117.614 154.948 122.165 149.333 122.165H10.6667C5.05178 122.165 0.5 117.614 0.5 111.999V95.9987Z' fill='#FAFAFA'/>
<Path d='M0.5 95.9987C0.5 90.3838 5.05177 85.832 10.6667 85.832H149.333C154.948 85.832 159.5 90.3838 159.5 95.9987V111.999C159.5 117.614 154.948 122.165 149.333 122.165H10.6667C5.05178 122.165 0.5 117.614 0.5 111.999V95.9987Z' stroke='#F5F5F5'/>
<Path opacity={0.6} d='M24.0003 117.333C31.3641 117.333 37.3337 111.363 37.3337 103.999C37.3337 96.6356 31.3641 90.666 24.0003 90.666C16.6365 90.666 10.667 96.6356 10.667 103.999C10.667 111.363 16.6365 117.333 24.0003 117.333Z' fill='#A1A1A1'/>
<Path d='M16.7663 101.083H18.0892L20.0371 106.65L21.985 101.083H23.3079L20.5684 108.666H19.5059L16.7663 101.083ZM16.0527 101.083H17.3704L17.61 106.51V108.666H16.0527V101.083ZM22.7038 101.083H24.0267V108.666H22.4642V106.51L22.7038 101.083ZM29.3444 106.682C29.3444 106.546 29.3236 106.425 29.2819 106.317C29.2437 106.206 29.1708 106.105 29.0632 106.015C28.9555 105.921 28.8045 105.829 28.61 105.739C28.4156 105.649 28.1638 105.555 27.8548 105.458C27.5111 105.347 27.1847 105.222 26.8757 105.083C26.5701 104.944 26.2993 104.782 26.0632 104.598C25.8305 104.411 25.6465 104.194 25.5111 103.947C25.3791 103.701 25.3132 103.414 25.3132 103.088C25.3132 102.772 25.3826 102.485 25.5215 102.229C25.6604 101.968 25.8548 101.746 26.1048 101.562C26.3548 101.374 26.65 101.23 26.9902 101.13C27.334 101.029 27.7107 100.979 28.1204 100.979C28.6795 100.979 29.1673 101.079 29.584 101.281C30.0007 101.482 30.3236 101.758 30.5527 102.109C30.7854 102.459 30.9017 102.86 30.9017 103.312H29.3496C29.3496 103.09 29.3027 102.895 29.209 102.729C29.1187 102.558 28.9798 102.425 28.7923 102.327C28.6083 102.23 28.3757 102.182 28.0944 102.182C27.8236 102.182 27.5979 102.223 27.4173 102.307C27.2368 102.387 27.1013 102.496 27.0111 102.635C26.9208 102.77 26.8757 102.923 26.8757 103.093C26.8757 103.222 26.9069 103.338 26.9694 103.442C27.0354 103.546 27.1326 103.643 27.2611 103.734C27.3895 103.824 27.5475 103.909 27.735 103.989C27.9225 104.069 28.1395 104.147 28.3861 104.223C28.7993 104.348 29.1621 104.489 29.4746 104.645C29.7906 104.801 30.0545 104.977 30.2663 105.171C30.4781 105.366 30.6378 105.586 30.7454 105.833C30.8531 106.079 30.9069 106.359 30.9069 106.671C30.9069 107.001 30.8427 107.296 30.7142 107.557C30.5857 107.817 30.4 108.038 30.1569 108.218C29.9138 108.399 29.6239 108.536 29.2871 108.63C28.9503 108.723 28.5736 108.77 28.1569 108.77C27.7819 108.77 27.4121 108.722 27.0475 108.624C26.6829 108.524 26.3513 108.373 26.0527 108.171C25.7576 107.97 25.5215 107.713 25.3444 107.4C25.1673 107.088 25.0788 106.718 25.0788 106.291H26.6465C26.6465 106.527 26.6829 106.727 26.7559 106.89C26.8288 107.053 26.9312 107.185 27.0632 107.286C27.1986 107.387 27.3583 107.459 27.5423 107.505C27.7298 107.55 27.9347 107.572 28.1569 107.572C28.4277 107.572 28.65 107.534 28.8236 107.458C29.0007 107.381 29.1309 107.275 29.2142 107.14C29.301 107.005 29.3444 106.852 29.3444 106.682Z' fill='white'/>
<Path d='M86.6667 93.332H52C49.7909 93.332 48 95.1229 48 97.332C48 99.5412 49.7909 101.332 52 101.332H86.6667C88.8758 101.332 90.6667 99.5412 90.6667 97.332C90.6667 95.1229 88.8758 93.332 86.6667 93.332Z' fill='#DCDCDC'/>
<Path d='M143.253 106.666H54.08C50.7221 106.666 48 108.457 48 110.666C48 112.875 50.7221 114.666 54.08 114.666H143.253C146.611 114.666 149.333 112.875 149.333 110.666C149.333 108.457 146.611 106.666 143.253 106.666Z' fill='#E8E8E8'/>
</Svg>);
export default SvgComponent;
//# sourceMappingURL=empty-state.js.map