UNPKG

@multiplayer-app/session-recorder-browser

Version:
2 lines 1.93 kB
export declare const recordingOverlayTemplate = "\n<div class=\"mp-recording-status\">\n <div class=\"mp-recording-indicator\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g id=\"Timer Icon\">\n<circle id=\"Ellipse 2\" cx=\"12\" cy=\"12\" r=\"4\" fill=\"#E53E3E\" style=\"fill:#E53E3E;fill:color(display-p3 0.8980 0.2431 0.2431);fill-opacity:1;\"/>\n<circle id=\"Ellipse 3\" cx=\"12\" cy=\"12\" r=\"7.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n<circle id=\"Ellipse 4\" opacity=\"0.2\" cx=\"12\" cy=\"12\" r=\"11.5\" stroke=\"#E53E3E\" style=\"stroke:#E53E3E;stroke:color(display-p3 0.8980 0.2431 0.2431);stroke-opacity:1;\"/>\n</g>\n</svg>\n\n </div>\n <span class=\"timer\">00:00</span>\n</div>\n<div class=\"mp-recording-controls\">\n <button class=\"mp-recording-btn mp-stop-btn\" title=\"Stop recording\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n<path id=\"stopIcon\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8 7C7.44772 7 7 7.44772 7 8L7 12C7 12.5523 7.44772 13 8 13H12C12.5523 13 13 12.5523 13 12V8C13 7.44772 12.5523 7 12 7L8 7Z\" fill=\"white\" style=\"fill:white;fill-opacity:1;\"/>\n</svg></button>\n</div>\n<div class=\"mp-drag-handle\" style=\"cursor: move;\">\n <svg width=\"10\" height=\"20\" viewBox=\"0 0 10 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path id=\"dragHandleIcon\" d=\"M1.66699 5H8.33366M1.66699 10H8.33366M1.66699 15H8.33366\" stroke=\"white\" stroke-opacity=\"0.48\" style=\"stroke:white;stroke-opacity:0.48;\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n\n</div>\n"; //# sourceMappingURL=recordingOverlay.d.ts.map