fix-captcha/dist/App.js

A customizable Captcha component for React.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("./App.css");
var _Captcha = _interopRequireDefault(require("./Captcha"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function App() {
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Captcha.default, {
    placeholder: "Enter Captcha",
    inputStyle: {
      backgroundColor: "#fff",
      border: "1px solid #d2eff3",
      width: "51.5%",
      borderRadius: 0,
      marginTop: "15px",
      fontSize: "1vw",
      marginLeft: "6.5%",
      height: "60px" // Match the height of the canvas
    },
    canvasHeight: "80",
    canvasWidth: "200",
    canvasStyle: {
      backgroundColor: "#aeb8c1",
      border: "1px solid #d2eff3",
      borderRadius: 0,
      marginTop: "15px"
    },
    buttonStyle: {
      backgroundColor: "#0267ff",
      padding: "6px",
      height: "60px",
      marginTop: "15px",
      paddingLeft: "10px",
      paddingRight: "10px"
    },
    canvasContainerStyle: {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between"
    },
    initialSpace: 25,
    fontSize: "20px",
    fontFamily: "Roboto mono",
    textColor1: "#fff",
    textColor2: "#000",
    length: 6,
    styles: {
      marginLeft: "17px",
      marginBottom: "25px",
      display: "flex",
      alignItems: "center",
      width: "100%",
      marginTop: "-10px"
    }
  }));
}
var _default = exports.default = App;