@cross-nft-marketplace/auction-house-nft-components
Version:
NFT Media Rendering Components
20 lines (19 loc) • 8.11 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SVG_MEDIA_LOADER_ERROR_3 = exports.SVG_MEDIA_LOADER_ERROR_2 = exports.SVG_MEDIA_LOADER_ERROR = exports.SVG_AUCTION_DENY = exports.SVG_AUCTION_APPROVE = exports.SVG_FULLSCREEN = exports.SVG_UNMUTED = exports.SVG_MUTED = exports.SVG_PAUSE = exports.SVG_PLAY_ARROW = exports.SVG_NEXT_ICON = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
require("react");
exports.SVG_NEXT_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><title>arrow-top-right</title><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" fill="currentColor" stroke="currentColor"><line fill="none" stroke-miterlimit="10" x1="2" y1="22" x2="22" y2="2" stroke-linecap="butt"></line> <polyline fill="none" stroke="currentColor" stroke-miterlimit="10" points="12,2 22,2 22,12 "></polyline></g></svg>';
exports.SVG_PLAY_ARROW = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28 16C28 15.7 27.8 15.4 27.6 15.2L9.6 2.19998C9.3 1.99998 8.9 1.89998 8.5 2.09998C8.2 2.29998 8 2.59998 8 2.99998V29C8 29.4 8.2 29.7 8.5 29.9C8.7 30 8.8 30 9 30C9.2 30 9.4 29.9 9.6 29.8L27.6 16.8C27.8 16.6 28 16.3 28 16Z" fill="black"/> </svg>';
exports.SVG_PAUSE = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 1H5C4.73478 1 4.48043 1.10536 4.29289 1.29289C4.10536 1.48043 4 1.73478 4 2V30C4 30.2652 4.10536 30.5196 4.29289 30.7071C4.48043 30.8946 4.73478 31 5 31H12C12.2652 31 12.5196 30.8946 12.7071 30.7071C12.8946 30.5196 13 30.2652 13 30V2C13 1.73478 12.8946 1.48043 12.7071 1.29289C12.5196 1.10536 12.2652 1 12 1Z" fill="black"/> <path d="M27 1H20C19.7348 1 19.4804 1.10536 19.2929 1.29289C19.1054 1.48043 19 1.73478 19 2V30C19 30.2652 19.1054 30.5196 19.2929 30.7071C19.4804 30.8946 19.7348 31 20 31H27C27.2652 31 27.5196 30.8946 27.7071 30.7071C27.8946 30.5196 28 30.2652 28 30V2C28 1.73478 27.8946 1.48043 27.7071 1.29289C27.5196 1.10536 27.2652 1 27 1Z" fill="black"/></svg>';
exports.SVG_MUTED = '<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.23011 1.16321C5.01982 0.652528 4.43536 0.409003 3.92468 0.619286C3.41399 0.829568 3.17047 1.41403 3.38075 1.92471L4.64704 4.99998H2C1.4 4.99998 1 5.39998 1 5.99998V12C1 12.6 1.4 13 2 13H7.7L8.0324 13.2216L9.61925 17.0754C9.82953 17.586 10.414 17.8296 10.9247 17.6193C11.4354 17.409 11.6789 16.8245 11.4686 16.3139L11.0137 15.2091L13.4 16.8C14.1 17.2 15 16.8 15 16V1.99998C15 1.19998 14.1 0.699982 13.4 1.19998L7.7 4.99998H6.80995L5.23011 1.16321Z" fill="white"/> </g> <defs> <filter id="filter0_d" x="0" y="0.543701" width="15" height="19.1512" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dx="-1" dy="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> </defs> </svg> ';
exports.SVG_UNMUTED = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M13.4 0.199947L7.7 3.99995H2C1.4 3.99995 1 4.39995 1 4.99995V10.9999C1 11.5999 1.4 11.9999 2 11.9999H7.7L13.4 15.7999C14.1 16.1999 15 15.7999 15 14.9999V0.999947C15 0.199947 14.1 -0.300053 13.4 0.199947Z" fill="white"/> </g> <defs> <clipPath id="clip0"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> ';
exports.SVG_FULLSCREEN = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6H0V1C0 0.4 0.4 0 1 0H6V2H2V6Z" fill="white"/> <path d="M16 6H14V2H10V0H15C15.6 0 16 0.4 16 1V6Z" fill="white"/> <path d="M15 16H10V14H14V10H16V15C16 15.6 15.6 16 15 16Z" fill="white"/> <path d="M6 16H1C0.4 16 0 15.6 0 15V10H2V14H6V16Z" fill="white"/> </svg> ';
exports.SVG_AUCTION_APPROVE = '<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 7.5L9.5 15L22.5 2" stroke="black" stroke-width="3"/> </svg>';
exports.SVG_AUCTION_DENY = '<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 2L8.75 8.75M15.5 15.5L8.75 8.75M8.75 8.75L15.5 2L2 15.5" stroke="black" stroke-width="3"/> </svg>';
const SVG_MEDIA_LOADER_ERROR = () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("svg", { width: "180", height: "186", viewBox: "0 0 180 186", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M90.5 2.13397L90 1.8453L89.5 2.13397L11.5577 47.134L11.0577 47.4226V48V138V138.577L11.5577 138.866L89.5 183.866L90 184.155L90.5 183.866L168.442 138.866L168.942 138.577V138V48V47.4226L168.442 47.134L90.5 2.13397Z", stroke: "#E6E6E6", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "53", cy: "61", r: "13", stroke: "#E6E6E6", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "90", cy: "12", r: "2", fill: "#E6E6E6" }), (0, jsx_runtime_1.jsx)("path", { d: "M53.1048 87.5473L31.1072 120.793C29.3477 123.452 31.2545 127 34.443 127H145.435C148.648 127 150.55 123.403 148.741 120.748L110.137 64.0804C108.509 61.6898 104.959 61.7648 103.433 64.2222L73.9412 111.713L59.892 87.7326C58.3954 85.178 54.7386 85.0782 53.1048 87.5473Z", stroke: "#E6E6E6", strokeWidth: "2" })] }) });
exports.SVG_MEDIA_LOADER_ERROR = SVG_MEDIA_LOADER_ERROR;
const SVG_MEDIA_LOADER_ERROR_2 = () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("svg", { width: "180", height: "186", viewBox: "0 0 180 186", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M90.5 2.13397L90 1.8453L89.5 2.13397L11.5577 47.134L11.0577 47.4226V48V138V138.577L11.5577 138.866L89.5 183.866L90 184.155L90.5 183.866L168.442 138.866L168.942 138.577V138V48V47.4226L168.442 47.134L90.5 2.13397Z", stroke: "#E6E6E6", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "53", cy: "61", r: "13", stroke: "#E6E6E6", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "161", cy: "52", r: "2", fill: "#E6E6E6" }), (0, jsx_runtime_1.jsx)("path", { d: "M53.1048 87.5473L31.1072 120.793C29.3477 123.452 31.2545 127 34.443 127H145.435C148.648 127 150.55 123.403 148.741 120.748L110.137 64.0804C108.509 61.6898 104.959 61.7648 103.433 64.2222L73.9412 111.713L59.892 87.7326C58.3954 85.178 54.7386 85.0782 53.1048 87.5473Z", stroke: "#E6E6E6", strokeWidth: "2" })] }) });
exports.SVG_MEDIA_LOADER_ERROR_2 = SVG_MEDIA_LOADER_ERROR_2;
const SVG_MEDIA_LOADER_ERROR_3 = () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("svg", { width: "180", height: "186", viewBox: "0 0 180 186", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M90.5 2.13397L90 1.8453L89.5 2.13397L11.5577 47.134L11.0577 47.4226V48V138V138.577L11.5577 138.866L89.5 183.866L90 184.155L90.5 183.866L168.442 138.866L168.942 138.577V138V48V47.4226L168.442 47.134L90.5 2.13397Z", stroke: "#E6E6E6", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "53", cy: "61", r: "13", stroke: "#E6E6E6", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "161", cy: "134", r: "2", fill: "#E6E6E6" }), (0, jsx_runtime_1.jsx)("path", { d: "M53.1048 87.5473L31.1072 120.793C29.3477 123.452 31.2545 127 34.443 127H145.435C148.648 127 150.55 123.403 148.741 120.748L110.137 64.0804C108.509 61.6898 104.959 61.7648 103.433 64.2222L73.9412 111.713L59.892 87.7326C58.3954 85.178 54.7386 85.0782 53.1048 87.5473Z", stroke: "#E6E6E6", strokeWidth: "2" })] }) });
exports.SVG_MEDIA_LOADER_ERROR_3 = SVG_MEDIA_LOADER_ERROR_3;