pagamio-frontend-commons-lib/lib/auth/components/AppBanner.js

Pagamio library for Frontend reusable components like the form engine and table container

import { jsx as _jsx } from "react/jsx-runtime";
const AppBanner = ({ text = 'EVENTS!', backgroundColor = '#b45dae' }) => {
    return (_jsx("div", { className: "flex w-full justify-end mr-[29%] mt-[-7%]", children: _jsx("div", { className: "inline-block px-6 py-2 text-white font-bold uppercase text-[15px] relative bg-primary-500", style: {
                // backgroundColor: backgroundColor,
                // This clip-path creates the right arrow shape
                clipPath: 'polygon(14% 18%, 85% 18%, 97% 51%, 85% 85%, 14% 85%)',
            }, children: text }) }));
};
export default AppBanner;