{"version":3,"file":"index.3eba98f2.js","sources":["../src/assets/images/ScholarshipPage/SearchIconSVG.svg","../src/pages/StudentViewedPage/Components/SearchBar/index.tsx"],"sourcesContent":["export default \"__VITE_ASSET__a54676fd__\"","import React, { useState } from 'react';\r\nimport { TextField, InputAdornment, List, ListItem, Paper, Popover, createTheme, ThemeProvider } from '@mui/material';\r\nimport SearchIconSVG from '../../../../assets/images/ScholarshipPage/SearchIconSVG.svg';\r\nimport { styled } from '@mui/material/styles';\r\nimport { COLOR_TEXT } from '../../../../constants/color';\r\n\r\n\r\nconst CustomTextField = styled(TextField)((props) => ({\r\n    color: COLOR_TEXT,\r\n    fontFamily: 'Poppins',\r\n    fontSize: '14px',\r\n    fontStyle: 'normal',\r\n    fontWeight: 400,\r\n    letterSpacing: '1.019px',\r\n    gap: '28px !important',\r\n    width: '100%',\r\n    backgroundColor: props?.bgColor ? props?.bgColor : '#FFF',\r\n    '& .MuiInputBase-input.MuiInput-input': {\r\n        backgroundColor: props?.bgColor ? props?.bgColor : '#FFF'\r\n    }\r\n}));\r\n\r\n\r\nexport const SearchOption = ({ handleChange, handleSearch, handleEnterKeyPress, style, bgColor }) => {\r\n    const [anchorE1, setAnchorE1] = useState(null);\r\n    const handleClick = (e) => {\r\n        setAnchorE1(e.currentTarget);\r\n    };\r\n    const handleClose = () => {\r\n        setAnchorE1(null);\r\n    };\r\n    const handleKeyPress = (e) => {\r\n        if (e.key === 'Enter') {\r\n            handleSearch();\r\n        }\r\n    };\r\n    const open = Boolean(anchorE1);\r\n    const id = open ? 'simple-popover' : undefined;\r\n    return (\r\n        <CustomTextField\r\n            bgColor={bgColor}\r\n            autoComplete=\"off\"\r\n            fullWidth\r\n            required\r\n            variant=\"outlined\"\r\n            margin=\"none\"\r\n            placeholder=\"Search\"\r\n            onChange={handleChange}\r\n            InputProps={{\r\n                endAdornment: (\r\n                    <InputAdornment\r\n                        onClick={handleSearch}\r\n                        position=\"end\"\r\n                        style={{ cursor: 'pointer', paddingRight: '10px', float: 'right' }}>\r\n                        <img height=\"18px\" width=\"18px\" src={SearchIconSVG} alt=\"search\" />\r\n                    </InputAdornment>\r\n                ),\r\n                disableUnderline: true,\r\n                style: {\r\n                    background: 'transparent',\r\n                },\r\n            }}\r\n            onFocus={handleClick}\r\n            onBlur={handleClose}\r\n            onKeyDown={handleKeyPress}\r\n            style={style}\r\n        />\r\n    );\r\n};\r\n"],"names":["SearchIconSVG","CustomTextField","styled","TextField","props","COLOR_TEXT","SearchOption","handleChange","handleSearch","handleEnterKeyPress","style","bgColor","anchorE1","setAnchorE1","useState","handleClick","e","handleClose","handleKeyPress","jsx","InputAdornment"],"mappings":"4EAAA,MAAeA,EAAA,8BCOTC,EAAkBC,EAAOC,CAAS,EAAGC,IAAW,CAClD,MAAOC,EACP,WAAY,UACZ,SAAU,OACV,UAAW,SACX,WAAY,IACZ,cAAe,UACf,IAAK,kBACL,MAAO,OACP,gBAAiBD,GAAA,MAAAA,EAAO,QAAUA,GAAA,YAAAA,EAAO,QAAU,OACnD,uCAAwC,CACpC,gBAAiBA,GAAA,MAAAA,EAAO,QAAUA,GAAA,YAAAA,EAAO,QAAU,MACvD,CACJ,EAAE,EAGWE,EAAe,CAAC,CAAE,aAAAC,EAAc,aAAAC,EAAc,oBAAAC,EAAqB,MAAAC,EAAO,QAAAC,KAAc,CACjG,KAAM,CAACC,EAAUC,CAAW,EAAIC,WAAS,IAAI,EACvCC,EAAeC,GAAM,CACvBH,EAAYG,EAAE,aAAa,CAAA,EAEzBC,EAAc,IAAM,CACtBJ,EAAY,IAAI,CAAA,EAEdK,EAAkBF,GAAM,CACtBA,EAAE,MAAQ,SACGR,GACjB,EAKA,OAAAW,EAAA,IAAClB,EAAA,CACG,QAAAU,EACA,aAAa,MACb,UAAS,GACT,SAAQ,GACR,QAAQ,WACR,OAAO,OACP,YAAY,SACZ,SAAUJ,EACV,WAAY,CACR,aACIY,EAAA,IAACC,EAAA,CACG,QAASZ,EACT,SAAS,MACT,MAAO,CAAE,OAAQ,UAAW,aAAc,OAAQ,MAAO,OAAQ,EACjE,SAAAW,EAAA,IAAC,OAAI,OAAO,OAAO,MAAM,OAAO,IAAKnB,EAAe,IAAI,QAAS,CAAA,CAAA,CACrE,EAEJ,iBAAkB,GAClB,MAAO,CACH,WAAY,aAChB,CACJ,EACA,QAASe,EACT,OAAQE,EACR,UAAWC,EACX,MAAAR,CAAA,CAAA,CAGZ"}