UNPKG

styled-hook-form

Version:

React form library for styled-components based on grommet and react-hook-form

54 lines (53 loc) 5.65 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); const jsx_runtime_1 = require("react/jsx-runtime"); const react_content_loader_1 = __importDefault(require("react-content-loader")); const DataTableLoader = (props) => { return (jsx_runtime_1.jsxs(react_content_loader_1.default, Object.assign({ style: { width: "100%" }, width: 1200, height: 400, viewBox: "0 0 1200 400", backgroundColor: "#f3f3f3", foregroundColor: "#ecebeb" }, props, { children: [jsx_runtime_1.jsx("rect", { x: "27", y: "139", rx: "4", ry: "4", width: "20", height: "20" }, void 0), jsx_runtime_1.jsx("rect", { x: "67", y: "140", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "188", y: "141", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "402", y: "140", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "523", y: "141", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "731", y: "139", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "852", y: "138", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "26", y: "196", rx: "4", ry: "4", width: "20", height: "20" }, void 0), jsx_runtime_1.jsx("rect", { x: "66", y: "197", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "187", y: "198", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "401", y: "197", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "522", y: "198", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "730", y: "196", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "851", y: "195", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "26", y: "258", rx: "4", ry: "4", width: "20", height: "20" }, void 0), jsx_runtime_1.jsx("rect", { x: "66", y: "259", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "187", y: "260", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "401", y: "259", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "522", y: "260", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "730", y: "258", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "851", y: "257", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "26", y: "316", rx: "4", ry: "4", width: "20", height: "20" }, void 0), jsx_runtime_1.jsx("rect", { x: "66", y: "317", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "187", y: "318", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "401", y: "317", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "522", y: "318", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "730", y: "316", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "851", y: "315", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "26", y: "379", rx: "4", ry: "4", width: "20", height: "20" }, void 0), jsx_runtime_1.jsx("rect", { x: "66", y: "380", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "187", y: "381", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "401", y: "380", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "522", y: "381", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "730", y: "379", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "851", y: "378", rx: "10", ry: "10", width: "85", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "978", y: "138", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "977", y: "195", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "977", y: "257", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "977", y: "315", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("rect", { x: "977", y: "378", rx: "10", ry: "10", width: "169", height: "19" }, void 0), jsx_runtime_1.jsx("circle", { cx: "37", cy: "97", r: "11" }, void 0), jsx_runtime_1.jsx("rect", { x: "26", y: "23", rx: "5", ry: "5", width: "153", height: "30" }, void 0), jsx_runtime_1.jsx("circle", { cx: "77", cy: "96", r: "11" }, void 0)] }), void 0)); }; exports.default = DataTableLoader;