import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { mark } from "./markStyles.js";
/**
 * The `Mark` component can be used in place of the `mark` HTMLElement with
 * some default styles.
 *
 * @example Simple Example
 * ```tsx
 * import { Mark } from "@react-md/core/typography/Mark";
 *
 * export function Example() {
 *   return (
 *     <>
 *       Some text <Mark>that has highlights</Mark> and some other text.
 *     </>
 *   );
 * }
 * ```
 *
 * @see {@link https://react-md.dev/components/mark | Mark Demos}
 * @since 6.0.0
 */ export const Mark = /*#__PURE__*/ forwardRef(function Mark(props, ref) {
    const { children, className, ...remaining } = props;
    return /*#__PURE__*/ _jsx("mark", {
        ...remaining,
        ref: ref,
        className: mark({
            className
        }),
        children: children
    });
});

//# sourceMappingURL=Mark.js.map