nice-ui
Version:
React design system, components, and utilities
22 lines (21 loc) • 2.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RunningBackground = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const bg = 'data:image/gif;base64,R0lGODlhZgACALMAAOPj4+Hh4eXl5ebm5urq6uLi4uvr6+Tk5N7e3unp6ezs7O3t7e7u7t3d3QAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGOTE1RDMyRDczNDExRTQ5NTU1QTI3RkI1QjM1NTUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGOTE1RDMzRDczNDExRTQ5NTU1QTI3RkI1QjM1NTUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0Y5MTVEMzBENzM0MTFFNDk1NTVBMjdGQjVCMzU1NTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y5MTVEMzFENzM0MTFFNDk1NTVBMjdGQjVCMzU1NTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAZgACAAAERpDJ0WqQEtWWMLXYsjUEJmxFOJbSWaWSuBnYsQGYMtKSXeES3UYx2VwwmkqnCIqtTCjVhsVwNWAMWYXH8DWADOG2dsuNiBEAOw==';
const className = (0, nano_theme_1.rule)({
h: '2px',
bg: `url(${bg})`,
an: 'bg-running 2s infinite',
'@keyframes bg-running': {
'0%': {
bgp: '0 0',
},
'100%': {
bgp: '102px 0',
},
},
});
const RunningBackground = ({ children }) => React.createElement("div", { className: className }, children);
exports.RunningBackground = RunningBackground;