@nex-ui/react/dist/cjs/components/modal/ModalHeader.cjs

🎉 A beautiful, modern, and reliable React component library.

"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
var styled = require('@nex-ui/styled');
var ModalContext = require('./ModalContext.cjs');
var modal = require('../../theme/recipes/modal.cjs');
var useSlotProps = require('../utils/useSlotProps.cjs');

const style = modal.modalHeaderRecipe();
const useAriaProps = (props)=>{
    const modal = ModalContext.useModal();
    const labelId = props.id ?? modal['aria-labelledby'];
    return react.useMemo(()=>{
        return {
            id: labelId
        };
    }, [
        labelId
    ]);
};
const ModalHeader = (inProps)=>{
    const props = inProps;
    const ariaProps = useAriaProps(props);
    const rootProps = useSlotProps.useSlotProps({
        style,
        a11y: ariaProps,
        externalForwardedProps: props
    });
    return /*#__PURE__*/ jsxRuntime.jsx(styled.nex.h2, {
        ...rootProps
    });
};
ModalHeader.displayName = 'ModalHeader';

exports.ModalHeader = ModalHeader;