如何在MUI TextField中设计装饰风格？

import React from 'react';
import { TextField, IconButton } from '@mui/material';
import { Search as SearchIcon, Clear as ClearIcon } from '@mui/icons-material';

const CustomTextField = () => {
  const [value, setValue] = React.useState('');

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  const handleClear = () => {
    setValue('');
  };

  return (
    <TextField
      value={value}
      onChange={handleChange}
      label="Search"
      variant="outlined"
      InputProps={{
        endAdornment: (
          <React.Fragment>
            {value && (
              <IconButton onClick={handleClear}>
                <ClearIcon />
              </IconButton>
            )}
            <IconButton>
              <SearchIcon />
            </IconButton>
          </React.Fragment>
        ),
      }}
    />
  );
};

export default CustomTextField;