import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Typography } from "../typography/Typography.js";
import { appBarTitle } from "./styles.js";
/**
 * @example Updating the Keyline
 * ```tsx
 * import { AppBar } from "@react-md/core/app-bar/AppBar";
 * import { AppBarTitle } from "@react-md/core/app-bar/AppBarTitle";
 * import type { ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   return (
 *     <AppBar>
 *       <AppBarTitle keyline="nav">
 *         Offset as if there was a nav button to the left
 *       </AppBarTitle>
 *     </AppBar>
 *   );
 * }
 * ```
 *
 * @since 6.0.0 The `keyline` prop was changed from a boolean to a type
 * union of different keylines: {@link AppBarTitleKeyline}
 * @since 6.0.0 The `noWrap` prop was removed in favor of the `textOverflow`
 * prop inherited through the base `Typography` component. The `textOverflow`
 * will default to `"ellipsis"` which is new as well.
 */ export const AppBarTitle = /*#__PURE__*/ forwardRef(function AppBarTitle(props, ref) {
    const { type = "headline-6", keyline = "small", children, className, textOverflow = "ellipsis", ...remaining } = props;
    return /*#__PURE__*/ _jsx(Typography, {
        ...remaining,
        ref: ref,
        type: type,
        className: appBarTitle({
            keyline,
            className
        }),
        textOverflow: textOverflow,
        children: children
    });
});

//# sourceMappingURL=AppBarTitle.js.map