payload-all-in-one-accessibility/dist/components/BeforeDashboardClient.js

Website accessibility widget for improving WCAG 2.0, 2.1, 2.2 and ADA compliance!

'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useModal } from '@payloadcms/ui';
import React from 'react';
import { CustomPluginModal } from './CustomPluginModal.js'; // If it's TypeScript
export const BeforeDashboardClient = ()=>{
    const { openModal } = useModal();
    const modalId = 'aioa-plugin-modal';
    return /*#__PURE__*/ _jsxs("div", {
        onClick: ()=>openModal(modalId),
        style: {
            display: 'flex',
            alignItems: 'center',
            gap: '0.5rem',
            cursor: 'pointer',
            padding: '0.5rem 1rem',
            borderRadius: '6px',
            userSelect: 'none',
            color: 'var(--theme-elevation-800)',
            fontSize: '0.9rem'
        },
        children: [
            /*#__PURE__*/ _jsx("img", {
                src: "https://sanity.skynettechnologies.us/assets/images/aioa-icon-type-1.svg",
                alt: "AIOA Icon",
                width: 20,
                height: 20,
                style: {
                    filter: 'invert(0%)',
                    transition: 'filter 0.2s ease'
                },
                className: "aioa-icon"
            }),
            /*#__PURE__*/ _jsx("span", {
                children: "All in One Accessibility"
            }),
            /*#__PURE__*/ _jsx(CustomPluginModal, {}),
            /*#__PURE__*/ _jsx("style", {
                jsx: true,
                children: `
        @media (prefers-color-scheme: dark) {
          .aioa-icon {
            filter: invert(100%);
          }
        }
      `
            })
        ]
    });
};

//# sourceMappingURL=BeforeDashboardClient.js.map