Styled Text Field - Copy this React, Mui Component to your project

{/*-<Grid-item-xs={12}>-<Typography-sx={{-...commonHeadingStyle,-marginBottom:-"10px"-}}>-Initial-Search-String-</Typography>-<TextField-size="small"-placeholder="Initial-Search-String"-variant="outlined"-fullWidth-value={customSearchStrings[0].searchString}-disabled-sx={{-"&-.MuiInputBase-input":-{-fontSize:-"12px",-},-}}-multiline-rows={3}-slotProps={{-input:-{-startAdornment:-(-<InputAdornment-position="start"-sx={{-alignItems:-"flex-start",-//-Aligns-the-content-to-the-top-paddingTop:-"5px",-//-Adds-some-space-for-better-alignment-}}->-<Radio-checked={customSearchStrings[0].isSelected}-onChange={()-=>-handleSelectSearchString(0)}-size="small"-style={{-padding:-0,-marginTop:-"-23px"-}}-data-testid="initial-search-radio"-/>-</InputAdornment>-),-endAdornment:-(-<InputAdornment-position="end">-<Box-sx={{-display:-"flex",-flexDirection:-"column",-alignItems:-"center",-gap:-"30px",-}}->-<CircleCheck-className="lucide-sm-icon"-style={{-color:-"green"-}}-/>-<Box-sx={{-position:-"relative"-}}>-{isCopied-&&-(-<Box-sx={{-position:-"absolute",-bottom:-"20px",-left:-"50%",-transform:-"translateX(-50%)",-backgroundColor:-"#4E1BD9",-color:-"white",-padding:-"2px-8px",-fontSize:-"5px",-borderRadius:-"2px",-}}->-<Typography-fontSize="8px">Copied!</Typography>-</Box>-)}-<CustomCopyIcon-size={11}-onClick={()-=>-handleCopyClick(searchString-??-"",-"initial")-}-data-testid={`copy-suggestion`}-/>-</Box>-</Box>-</InputAdornment>-),-},-}}-onFocus={(e)-=>-e.target.select()}-/>-</Grid>-*/}