smart-react-components/breadcrumb/LinkItem.js

React UI library, wide variety of editable ready to use Styled and React components.

'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/Li.js');
var Item = require('../Item-511ba7fe.js');
var UseLinkMethods = require('../UseLinkMethods-aa925676.js');
require('react-router');
var A = require('../element/A.js');
require('react-dom');
var WaveEffect = require('../WaveEffect-96d9007c.js');

const LinkItem = ({ children, to, path, exact = true, elementProps = index.DV.JSX_ELEMENT_PROPS, disabled, waveEffect }) => {
    const { click, active, activating } = UseLinkMethods.useLinkMethods({ to, path, exact });
    const LinkElement = React__default.createElement(A, Object.assign({}, elementProps, { href: to, onClick: click, className: `${elementProps.className || ""} ${active ? "active" : ""} ${activating ? "activating" : ""}`, "data-disabled": disabled }), children);
    return (React__default.createElement(Item.Item, null, waveEffect ? React__default.createElement(WaveEffect.WaveEffect, { type: waveEffect }, LinkElement) : LinkElement));
};

module.exports = LinkItem;