@smart-react-components/ui/Breadcrumb/BreadcrumbItem.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const A_1 = __importDefault(require("@smart-react-components/core/Element/A"));
const element_props_1 = __importDefault(require("@smart-react-components/core/element-props"));
const click_events_1 = __importDefault(require("@smart-react-components/core/element-props/click-events"));
const react_1 = __importDefault(require("react"));
const styled_components_1 = require("styled-components");
const BreadcrumbItemElement_1 = __importDefault(require("../components/Breadcrumb/BreadcrumbItemElement"));
const wave_effect_1 = require("../util/wave-effect");
const WaveEffect_1 = __importDefault(require("../WaveEffect"));
const BreadcrumbItem = (props) => {
    const theme = (0, styled_components_1.useTheme)();
    const waveEffectPalette = react_1.default.useMemo(() => (0, wave_effect_1.getWaveEffectPalette)(props, theme.$.vars.isDarkMode), [props.palette, props.isOutline, props.isSoft, props.waveEffectPalette, theme.$.vars.isDarkMode]);
    const AnchorEl = (react_1.default.createElement(A_1.default, Object.assign({}, (0, element_props_1.default)(props, [click_events_1.default]), props.elementProps), props.children));
    const El = props.hasWaveEffect ? react_1.default.createElement(WaveEffect_1.default, { palette: waveEffectPalette }, AnchorEl) : AnchorEl;
    return (react_1.default.createElement(BreadcrumbItemElement_1.default, { isActive: props.isActive, isDisabled: props.isDisabled, isOutline: props.isOutline, isSoft: props.isSoft, palette: props.palette, separator: props.separator, shape: props.shape }, El));
};
exports.default = BreadcrumbItem;