react-typing-test/dist/components/Input.js

A react component typing test, user input and wpm calculations.

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import styled from "styled-components";
export var Input = styled.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;