smart-react-components
Version:
React UI library, wide variety of editable ready to use Styled and React components.
29 lines (24 loc) • 2.14 kB
JavaScript
'use strict';
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var index = require('../index-6d498b59.js');
require('../DOMHelper-c0bd5a29.js');
var React = require('react');
var React__default = _interopDefault(React);
require('styled-components');
require('../index-56ba89df.js');
require('../element/Div.js');
var UseLinkMethods = require('../UseLinkMethods-aa925676.js');
require('react-router');
require('../element/A.js');
require('react-dom');
require('../WaveEffect-96d9007c.js');
require('../Element-d9208356.js');
require('../Transition-48c5648c.js');
require('../CSSTransition-5a3ab124.js');
require('../Loading-679f1816.js');
var Button = require('../Button-0d381a87.js');
const ButtonLink = ({ size = "default", sizeSm, sizeMd, sizeLg, sizeXl, elementProps = index.DV.JSX_ELEMENT_PROPS, children, type, fill, link = true, border, shape, block, fixedSize, waveEffect = "dark", icon, iconPosition, loading, loadingStatus, loadingTransitionClassName, loadingTransitionType, loadingTransitionDuration, loadingTransitionShowAnimation, loadingTransitionHideAnimation, to, path, exact }) => {
const { click, active, activating } = UseLinkMethods.useLinkMethods({ to, path, exact });
return (React__default.createElement(Button.Button, { size: size, sizeSm: sizeSm, sizeMd: sizeMd, sizeLg: sizeLg, sizeXl: sizeXl, type: type, fill: fill, link: link, border: border, shape: shape, block: block, fixedSize: fixedSize, waveEffect: waveEffect, icon: icon, iconPosition: iconPosition, loading: loading, loadingStatus: loadingStatus, loadingTransitionClassName: loadingTransitionClassName, loadingTransitionType: loadingTransitionType, loadingTransitionDuration: loadingTransitionDuration, loadingTransitionShowAnimation: loadingTransitionShowAnimation, loadingTransitionHideAnimation: loadingTransitionHideAnimation, elementProps: Object.assign(Object.assign({}, elementProps), { href: to, onClick: click, className: `${elementProps.className || ""} ${active ? "active" : ""} ${activating ? "activating" : ""}` }) }, children));
};
module.exports = ButtonLink;