react-typing-test
Version:
A react component typing test, user input and wpm calculations.
18 lines (17 loc) • 1.53 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
exports.Input = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.Input = styled_components_1["default"].input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &&&& {\n outline: none;\n\n background-color: ", ";\n\n color: ", ";\n\n font-size: 17px;\n max-width: 90%;\n border: 2px solid transparent;\n border-radius: 2px;\n caret-color: white;\n\n &:focus,\n &:active,\n &:hover {\n border: 2px solid ", ";\n }\n }\n"], ["\n &&&& {\n outline: none;\n\n background-color: ", ";\n\n color: ", ";\n\n font-size: 17px;\n max-width: 90%;\n border: 2px solid transparent;\n border-radius: 2px;\n caret-color: white;\n\n &:focus,\n &:active,\n &:hover {\n border: 2px solid ", ";\n }\n }\n"])), function (props) {
return props.hasError
? props.theme.incorrectColor
: props.theme.altBackgroundColor;
}, function (props) { return props.theme.mainHighlightColor; }, function (props) { return props.theme.mainHighlightColor; });
var templateObject_1;