@sb1/ffe-core-react/lib/Wave.js

React components for ffe-core components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wave = Wave;
const react_1 = __importDefault(require("react"));
const classnames_1 = __importDefault(require("classnames"));
/**
 * @deprecated Use the Wave component in `ffe-shapes-react` instead.
 */
function Wave({ position, flip, color, darkmodeColor, bgColor, bgDarkmodeColor, children, className, ...rest }) {
    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-wave', className, {
            [`ffe-wave--bg-${bgColor}`]: bgColor,
            [`ffe-wave--dm-bg-${bgDarkmodeColor}`]: bgDarkmodeColor,
        }) },
        children ? (react_1.default.createElement("div", { className: "ffe-wave__content" }, children)) : null,
        react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-wave__wave', `ffe-wave--bg-${color}`, {
                [`ffe-wave--dm-bg-${darkmodeColor}`]: darkmodeColor,
                'ffe-wave__wave--flip': flip,
            }), "aria-hidden": "true", style: {
                maskPosition: position,
                WebkitMaskPosition: position,
            }, ...rest })));
}