diff --git a/app/(route)/verification/ibulsin/_components/MoreExplainBtn/index.module.css b/app/(route)/verification/ibulsin/_components/MoreExplainBtn/index.module.css new file mode 100644 index 0000000..88b47f0 --- /dev/null +++ b/app/(route)/verification/ibulsin/_components/MoreExplainBtn/index.module.css @@ -0,0 +1,10 @@ +.question_icon_container { + display: flex; + position:relative; + justify-content: center; + align-items: center; +} +.question_icon { + color:var(--purple-700); + cursor: pointer; +} diff --git a/app/(route)/verification/ibulsin/_components/MoreExplainBtn/index.tsx b/app/(route)/verification/ibulsin/_components/MoreExplainBtn/index.tsx new file mode 100644 index 0000000..d5534a4 --- /dev/null +++ b/app/(route)/verification/ibulsin/_components/MoreExplainBtn/index.tsx @@ -0,0 +1,30 @@ +'use client' + +import React, { useState } from 'react' +import S from './index.module.css' +import { BsFillQuestionCircleFill } from 'react-icons/bs' +import MoreExplainToggle from '../MoreExplainToggle' + +function MoreExplainBtn({ type }: { type: string }) { + const [isHover, setIsHover] = useState(false) + + const handleMouseOver = () => { + setIsHover(true) + } + const handleMouseOut = () => { + setIsHover(false) + } + + return ( +
+ + {isHover && } +
+ ) +} + +export default MoreExplainBtn