You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.4 KiB
35 lines
1.4 KiB
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
import * as React from 'react';
|
|
import omit from "rc-util/es/omit";
|
|
import classNames from 'classnames';
|
|
import Element from './Element';
|
|
import { ConfigConsumer } from '../config-provider';
|
|
|
|
var SkeletonButton = function SkeletonButton(props) {
|
|
var renderSkeletonButton = function renderSkeletonButton(_ref) {
|
|
var _classNames;
|
|
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
var customizePrefixCls = props.prefixCls,
|
|
className = props.className,
|
|
active = props.active,
|
|
_props$block = props.block,
|
|
block = _props$block === void 0 ? false : _props$block;
|
|
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
|
|
var otherProps = omit(props, ['prefixCls']);
|
|
var cls = classNames(prefixCls, "".concat(prefixCls, "-element"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-active"), active), _defineProperty(_classNames, "".concat(prefixCls, "-block"), block), _classNames), className);
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: cls
|
|
}, /*#__PURE__*/React.createElement(Element, _extends({
|
|
prefixCls: "".concat(prefixCls, "-button")
|
|
}, otherProps)));
|
|
};
|
|
|
|
return /*#__PURE__*/React.createElement(ConfigConsumer, null, renderSkeletonButton);
|
|
};
|
|
|
|
SkeletonButton.defaultProps = {
|
|
size: 'default'
|
|
};
|
|
export default SkeletonButton; |