'use client';
import * as React from 'react';
import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
/**
 * Given user props, returns state and render function for an Image.
 */ export const useImage_unstable = (props, ref)=>{
    const { bordered = false, block = false, fit = 'default', shadow = false, shape = 'square', ...imageProps } = props;
    const state = useImageBase_unstable(imageProps, ref);
    return {
        bordered,
        block,
        fit,
        shadow,
        shape,
        ...state
    };
};
/**
 * Base hook for Image component, which manages state related to slot structure.
 * This hook excludes design props (shape, shadow, bordered, fit).
 *
 * @param props - User provided props to the Image component.
 * @param ref - User provided ref to be passed to the Image component.
 */ export const useImageBase_unstable = (props, ref)=>{
    return {
        components: {
            root: 'img'
        },
        root: slot.always(getIntrinsicElementProps('img', {
            ref,
            ...props
        }), {
            elementType: 'img'
        })
    };
};