{"version":3,"sources":["Icons.tsx"],"sourcesContent":["import { motion } from \"framer-motion\"\n\ninterface IconProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n    color: string\n    backgroundColor?: string\n}\n\nexport function SearchIcon(props: IconProps) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 256 256\"\n            width={props.width}\n            height={props.height}\n            style={{ ...props.style, color: props.color }}\n        >\n            <path\n                d=\"M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nexport function ClearIcon(props: React.ComponentPropsWithoutRef<\"svg\">) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 256 256\"\n            {...props}\n        >\n            <rect width=\"256\" height=\"256\" fill=\"none\" />\n            <path\n                d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\ninterface SpinnerIconProps {\n    color: string\n    backgroundColor: string\n    style?: React.CSSProperties\n}\n\nexport function SpinnerIcon(props: SpinnerIconProps) {\n    const borderWidth = 3\n\n    return (\n        <div style={{ position: \"relative\", ...props.style }}>\n            <motion.div\n                animate={{ rotate: 360 }}\n                transition={{\n                    ease: \"linear\",\n                    duration: 1,\n                    repeat: Infinity,\n                }}\n                style={{\n                    borderRadius: 100,\n                    backgroundImage: `conic-gradient(from 270deg, transparent 0%, ${props.color} 100%)`,\n                    width: \"100%\",\n                    height: \"100%\",\n                }}\n            />\n            <div\n                style={{\n                    backgroundColor: props.backgroundColor,\n                    borderRadius: 100,\n                    position: \"absolute\",\n                    top: borderWidth,\n                    left: borderWidth,\n                    bottom: borderWidth,\n                    right: borderWidth,\n                }}\n            />\n        </div>\n    )\n}\n"],"names":[],"mappings":"AAAA,yDAAA,OAAS,MAAM,KAAQ,eAAe,CAAA,AAOtC,OAAO,SAAS,UAAU,CAAC,KAAgB,CAAE,CACzC,qBACI,KAAC,KAAG,EACA,KAAK,CAAC,4BAA4B,CAClC,OAAO,CAAC,aAAa,CACrB,KAAK,CAAE,KAAK,CAAC,KAAK,CAClB,MAAM,CAAE,KAAK,CAAC,MAAM,CACpB,KAAK,CAAE,CAAE,GAAG,KAAK,CAAC,KAAK,CAAE,KAAK,CAAE,KAAK,CAAC,KAAK,CAAE,UAE7C,cAAA,KAAC,MAAI,EACD,CAAC,CAAC,kIAAkI,CACpI,IAAI,CAAC,cAAc,EACrB,EACA,CACT,AACL,CAAC,AAED,OAAO,SAAS,SAAS,CAAC,KAA4C,CAAE,CACpE,qBACI,MAAC,KAAG,EACA,KAAK,CAAC,4BAA4B,CAClC,OAAO,CAAC,aAAa,CACpB,GAAG,KAAK,yBAET,KAAC,MAAI,EAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAG,eAC7C,KAAC,MAAI,EACD,CAAC,CAAC,mPAAmP,CACrP,IAAI,CAAC,cAAc,EACrB,GACA,CACT,AACL,CAAC,AAQD,OAAO,SAAS,WAAW,CAAC,KAAuB,CAAE,CACjD,MAAM,WAAW,CAAG,CAAC,CAErB,qBACI,MAAC,KAAG,EAAC,KAAK,CAAE,CAAE,QAAQ,CAAE,UAAU,CAAE,GAAG,KAAK,CAAC,KAAK,CAAE,yBAChD,KAAC,MAAM,CAAC,GAAG,EACP,OAAO,CAAE,CAAE,MAAM,CAAE,GAAG,CAAE,CACxB,UAAU,CAAE,CACR,IAAI,CAAE,QAAQ,CACd,QAAQ,CAAE,CAAC,CACX,MAAM,CAAE,QAAQ,CACnB,CACD,KAAK,CAAE,CACH,YAAY,CAAE,GAAG,CACjB,eAAe,CAAE,CAAC,4CAA4C,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CACnF,KAAK,CAAE,MAAM,CACb,MAAM,CAAE,MAAM,CACjB,EACH,eACF,KAAC,KAAG,EACA,KAAK,CAAE,CACH,eAAe,CAAE,KAAK,CAAC,eAAe,CACtC,YAAY,CAAE,GAAG,CACjB,QAAQ,CAAE,UAAU,CACpB,GAAG,CAAE,WAAW,CAChB,IAAI,CAAE,WAAW,CACjB,MAAM,CAAE,WAAW,CACnB,KAAK,CAAE,WAAW,CACrB,EACH,GACA,CACT,AACL,CAAC"}