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

React components for ffe-core components

import React from 'react';
import classNames from 'classnames';
/**
 * @deprecated Use the Wave component in `ffe-shapes-react` instead.
 */
export function Wave({ position, flip, color, darkmodeColor, bgColor, bgDarkmodeColor, children, className, ...rest }) {
    return (React.createElement("div", { className: classNames('ffe-wave', className, {
            [`ffe-wave--bg-${bgColor}`]: bgColor,
            [`ffe-wave--dm-bg-${bgDarkmodeColor}`]: bgDarkmodeColor,
        }) },
        children ? (React.createElement("div", { className: "ffe-wave__content" }, children)) : null,
        React.createElement("div", { className: classNames('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 })));
}