native_react_sdk
Version:
Nativ npm for creating various components
91 lines (90 loc) • 8.02 kB
text/typescript
const SurveyQuestionImageUploadSvgIcon={
blankImage:`
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1336 11.3063L12.047 6.43301C11.3403 4.77967 10.0403 4.71301 9.16695 6.28634L7.90696 8.55967C7.26696 9.71301 6.07362 9.81301 5.24696 8.77967L5.10029 8.59301C4.24029 7.51301 3.02696 7.64634 2.40696 8.87967L1.26029 11.1797C0.453622 12.7797 1.62029 14.6663 3.40696 14.6663H11.9136C13.647 14.6663 14.8136 12.8997 14.1336 11.3063ZM4.32696 5.33301C4.85739 5.33301 5.3661 5.12229 5.74117 4.74722C6.11624 4.37215 6.32696 3.86344 6.32696 3.33301C6.32696 2.80257 6.11624 2.29387 5.74117 1.91879C5.3661 1.54372 4.85739 1.33301 4.32696 1.33301C3.79652 1.33301 3.28781 1.54372 2.91274 1.91879C2.53767 2.29387 2.32696 2.80257 2.32696 3.33301C2.32696 3.86344 2.53767 4.37215 2.91274 4.74722C3.28781 5.12229 3.79652 5.33301 4.32696 5.33301Z" stroke="#06182C" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
`,
image:`
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg height="30px" width="30px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve">
<g transform="translate(1 1)">
<polygon style="fill:#E2E3E5;" points="235.308,501.154 511,501.154 511,8.846 235.308,8.846 "/>
<polygon style="fill:#F0F0F0;" points="166.385,501.154 511,501.154 511,402.692 166.385,402.692 "/>
<polygon style="fill:#CCCCCC;" points="205.769,501.154 481.462,501.154 481.462,8.846 205.769,8.846 "/>
<polygon style="fill:#FFFFFF;" points="8.846,501.154 284.538,501.154 284.538,8.846 8.846,8.846 "/>
<polygon style="fill:#E2E3E5;" points="38.385,501.154 451.923,501.154 451.923,8.846 38.385,8.846 "/>
<g>
<polygon style="fill:#E0E0E0;" points="136.846,501.154 481.462,501.154 481.462,402.692 136.846,402.692 "/>
<path style="fill:#E0E0E0;" d="M172.292,182.138c0,24.615-19.692,45.292-45.292,45.292s-45.292-19.692-45.292-45.292
s20.677-45.292,45.292-45.292S172.292,156.538,172.292,182.138"/>
</g>
<path style="fill:#F0F0F0;" d="M137.831,182.138c0,24.615-12.8,45.292-28.554,45.292s-28.554-19.692-28.554-45.292
s13.785-45.292,29.538-45.292S137.831,156.538,137.831,182.138"/>
<polygon style="fill:#EEEEEE;" points="8.846,501.154 353.462,501.154 353.462,402.692 8.846,402.692 "/>
<polygon style="fill:#F0F0F0;" points="38.385,501.154 451.923,501.154 451.923,402.692 38.385,402.692 "/>
<g>
<path style="fill:#B6B6B6;" d="M127,236.292c-30.523,0-55.138-24.615-55.138-55.138S96.477,127,127,127
s55.138,24.615,55.138,55.138S157.523,236.292,127,236.292z M127,146.692c-19.692,0-35.446,15.754-35.446,35.446
s15.754,35.446,35.446,35.446s35.446-15.754,35.446-35.446S146.692,146.692,127,146.692z"/>
<path style="fill:#B6B6B6;" d="M38.385,412.538c-2.954,0-5.908-0.985-7.877-2.954c-3.938-3.938-2.954-9.846,0.985-13.785
l167.385-147.692c3.938-2.954,9.846-2.954,13.785,0l108.308,108.308c3.938,3.938,3.938,9.846,0,13.785
c-3.938,3.938-9.846,3.938-13.785,0L205.769,268.785L45.277,410.569C43.308,411.554,40.354,412.538,38.385,412.538z"/>
<path style="fill:#B6B6B6;" d="M259.923,319c-1.969,0-4.923-0.985-6.892-2.954c-3.938-3.938-3.938-9.846-0.985-13.785
l103.385-113.231c1.969-1.969,3.938-2.954,6.892-2.954c2.954,0,4.923,0.985,6.892,2.954l118.154,108.308
c3.938,3.938,3.938,9.846,0.985,13.785c-3.938,3.938-9.846,3.938-13.785,0.985l-110.277-102.4L267.8,316.046
C264.846,318.015,262.877,319,259.923,319z"/>
<path style="fill:#B6B6B6;" d="M481.462,511H8.846C2.938,511-1,507.062-1,501.154V8.846C-1,2.938,2.938-1,8.846-1h472.615
c5.908,0,9.846,3.938,9.846,9.846v492.308C491.308,507.062,487.369,511,481.462,511z M18.692,491.308h452.923V18.692H18.692
V491.308z"/>
<path style="fill:#B6B6B6;" d="M481.462,511H8.846C2.938,511-1,507.062-1,501.154v-98.462c0-5.908,3.938-9.846,9.846-9.846
h472.615c5.908,0,9.846,3.938,9.846,9.846v98.462C491.308,507.062,487.369,511,481.462,511z M18.692,491.308h452.923v-78.769
H18.692V491.308z"/>
</g>
</g>
</svg>
`,
image2:`
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg height="35px" width="35px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve">
<g transform="translate(1 1)">
<polygon style="fill:#E2E3E5;" points="235.308,501.154 511,501.154 511,8.846 235.308,8.846 "/>
<polygon style="fill:#F0F0F0;" points="166.385,501.154 511,501.154 511,402.692 166.385,402.692 "/>
<polygon style="fill:#CCCCCC;" points="205.769,501.154 481.462,501.154 481.462,8.846 205.769,8.846 "/>
<polygon style="fill:#FFFFFF;" points="8.846,501.154 284.538,501.154 284.538,8.846 8.846,8.846 "/>
<polygon style="fill:#E2E3E5;" points="38.385,501.154 451.923,501.154 451.923,8.846 38.385,8.846 "/>
<g>
<polygon style="fill:#E0E0E0;" points="136.846,501.154 481.462,501.154 481.462,402.692 136.846,402.692 "/>
<path style="fill:#E0E0E0;" d="M172.292,182.138c0,24.615-19.692,45.292-45.292,45.292s-45.292-19.692-45.292-45.292
s20.677-45.292,45.292-45.292S172.292,156.538,172.292,182.138"/>
</g>
<path style="fill:#F0F0F0;" d="M137.831,182.138c0,24.615-12.8,45.292-28.554,45.292s-28.554-19.692-28.554-45.292
s13.785-45.292,29.538-45.292S137.831,156.538,137.831,182.138"/>
<polygon style="fill:#EEEEEE;" points="8.846,501.154 353.462,501.154 353.462,402.692 8.846,402.692 "/>
<polygon style="fill:#F0F0F0;" points="38.385,501.154 451.923,501.154 451.923,402.692 38.385,402.692 "/>
<g>
<path style="fill:#B6B6B6;" d="M127,236.292c-30.523,0-55.138-24.615-55.138-55.138S96.477,127,127,127
s55.138,24.615,55.138,55.138S157.523,236.292,127,236.292z M127,146.692c-19.692,0-35.446,15.754-35.446,35.446
s15.754,35.446,35.446,35.446s35.446-15.754,35.446-35.446S146.692,146.692,127,146.692z"/>
<path style="fill:#B6B6B6;" d="M38.385,412.538c-2.954,0-5.908-0.985-7.877-2.954c-3.938-3.938-2.954-9.846,0.985-13.785
l167.385-147.692c3.938-2.954,9.846-2.954,13.785,0l108.308,108.308c3.938,3.938,3.938,9.846,0,13.785
c-3.938,3.938-9.846,3.938-13.785,0L205.769,268.785L45.277,410.569C43.308,411.554,40.354,412.538,38.385,412.538z"/>
<path style="fill:#B6B6B6;" d="M259.923,319c-1.969,0-4.923-0.985-6.892-2.954c-3.938-3.938-3.938-9.846-0.985-13.785
l103.385-113.231c1.969-1.969,3.938-2.954,6.892-2.954c2.954,0,4.923,0.985,6.892,2.954l118.154,108.308
c3.938,3.938,3.938,9.846,0.985,13.785c-3.938,3.938-9.846,3.938-13.785,0.985l-110.277-102.4L267.8,316.046
C264.846,318.015,262.877,319,259.923,319z"/>
<path style="fill:#B6B6B6;" d="M481.462,511H8.846C2.938,511-1,507.062-1,501.154V8.846C-1,2.938,2.938-1,8.846-1h472.615
c5.908,0,9.846,3.938,9.846,9.846v492.308C491.308,507.062,487.369,511,481.462,511z M18.692,491.308h452.923V18.692H18.692
V491.308z"/>
<path style="fill:#B6B6B6;" d="M481.462,511H8.846C2.938,511-1,507.062-1,501.154v-98.462c0-5.908,3.938-9.846,9.846-9.846
h472.615c5.908,0,9.846,3.938,9.846,9.846v98.462C491.308,507.062,487.369,511,481.462,511z M18.692,491.308h452.923v-78.769
H18.692V491.308z"/>
</g>
</g>
</svg>
`
}
export default SurveyQuestionImageUploadSvgIcon;