@cross-nft-marketplace/auction-house-nft-components
Version:
NFT Media Rendering Components
13 lines (12 loc) • 4.78 kB
TypeScript
import "react";
export declare const 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>";
export declare const 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>";
export declare const 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>";
export declare const 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> ";
export declare const 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> ";
export declare const 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> ";
export declare const 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>";
export declare const 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>";
export declare const SVG_MEDIA_LOADER_ERROR: () => JSX.Element;
export declare const SVG_MEDIA_LOADER_ERROR_2: () => JSX.Element;
export declare const SVG_MEDIA_LOADER_ERROR_3: () => JSX.Element;