@heymarco/next-auth/dist/components/AlternateSignInSeparator.js

A complete authentication solution for web applications.

// react:
import { 
// react:
default as React, } from 'react';
// cssfn:
import { 
// style sheets:
dynamicStyleSheet, } from '@cssfn/cssfn-react'; // writes css in react hook
// reusable-ui components:
import { Generic, } from '@reusable-ui/components'; // a set of official Reusable-UI components
// styles:
export const useAlternateSignInSeparatorStyleSheet = dynamicStyleSheet(() => import(/* webpackPrefetch: true */ './styles/alternateSignInSeparatorStyles.js'), { id: 'yh0eajvd8b' }); // a unique salt for SSR support, ensures the server-side & client-side have the same generated class names
const AlternateSignInSeparator = (props) => {
    // styles:
    const styleSheet = useAlternateSignInSeparatorStyleSheet();
    // rest props:
    const { 
    // accessibilities:
    alternateSignInText = 'or', 
    // children:
    children, ...restGenericProps } = props;
    // jsx:
    return (React.createElement(Generic, { ...restGenericProps, 
        // classes:
        mainClass: props.mainClass ?? styleSheet.main }, children ?? React.createElement(React.Fragment, null,
        React.createElement("hr", null),
        React.createElement("span", { className: 'text' }, alternateSignInText),
        React.createElement("hr", null))));
};
export { AlternateSignInSeparator, AlternateSignInSeparator as default, };