Reactjs – if I import a client component to a server component, will it make the server component, client component?

so we all know that if we import a server component inside of client component, it will also convert the server one to the client, unless we pass it as children.

so a client component with children can return server component but importing server component will make it client.

how about otherwise?

what if I have a server component and I want to import a client component to it. will it make my server component, a client component?

for example :

import { TextField, TextFieldProps } from '@mui/material';
import MuiRTLCacheProvider from '@/context/MuiRTLCacheProvider';

type TRTLTextFieldProps = TextFieldProps & {
  isRTL?: boolean;
};

export default function TextInput(props: TRTLTextFieldProps) {
  const { isRTL, ...rest } = props;
  
 
  return (
    <div dir={isRTL ? "rtl" : "ltr"}>
      <MuiRTLCacheProvider isRTL={isRTL}>
        <TextField {...rest} />
      </MuiRTLCacheProvider>
    </div>
  );
}

the MuiRTLCacheProvider in this case is a client component but the TextInput is a server component