import { jsx as _jsx } from "react/jsx-runtime";
/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import { TextField } from '@fluentui/react';
import { memo } from 'react';
import { useBaseStyles } from './ReadOnlyTextField.hooks.js';
/**
 * This is a standard TextField, with default styles overridden
 * to provide some consistent "read only look" that visually
 * indicates the field can't be edited without looking fully disabled.
 */ export const ReadOnlyTextField = /*#__PURE__*/ memo(function ReadOnlyTextField({ styles , ...props }) {
    const baseStyles = useBaseStyles(styles);
    return /*#__PURE__*/ _jsx(TextField, {
        readOnly: true,
        styles: baseStyles,
        ...props
    });
});
