@fremtind/jkl-loader-react
Version:
Jøkul react loader component
58 lines (57 loc) • 1.98 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
import cn from "classnames";
import React from "react";
import { SkeletonElement } from "./SkeletonElement";
import { SkeletonLabel } from "./SkeletonLabel";
const SkeletonInput = (_a) => {
var _b = _a, {
className,
density,
labelProps,
inputProps
} = _b, rest = __objRest(_b, [
"className",
"density",
"labelProps",
"inputProps"
]);
const compact = density === "compact";
return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("jkl-skeleton-input", className) }, rest), /* @__PURE__ */ React.createElement(SkeletonLabel, __spreadValues({ density }, labelProps)), /* @__PURE__ */ React.createElement(
SkeletonElement,
__spreadValues({
width: compact ? 301 : 316,
height: compact ? 32 : 48
}, inputProps)
));
};
export {
SkeletonInput
};
//# sourceMappingURL=SkeletonInput.js.map