|
|
@ -58,6 +58,7 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => { |
|
|
|
{/* left */} |
|
|
|
{/* left */} |
|
|
|
<div className="flex flex-col justify-center gap-y-4 p-2 bg-white border-r border-blue-400"> |
|
|
|
<div className="flex flex-col justify-center gap-y-4 p-2 bg-white border-r border-blue-400"> |
|
|
|
{options.map((option, j) => ( |
|
|
|
{options.map((option, j) => ( |
|
|
|
|
|
|
|
<div className="flex flex-col"> |
|
|
|
<div |
|
|
|
<div |
|
|
|
key={j} |
|
|
|
key={j} |
|
|
|
className="flex flex-row gap-x-7 items-center justify-between" |
|
|
|
className="flex flex-row gap-x-7 items-center justify-between" |
|
|
@ -68,6 +69,8 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<p className="text-xs text-[#00253A]">{option.content}</p> |
|
|
|
<p className="text-xs text-[#00253A]">{option.content}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{j === 2 && <hr className="mt-4 border border-[#F2F2F2]" />} |
|
|
|
|
|
|
|
</div> |
|
|
|
))} |
|
|
|
))} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/* modal */} |
|
|
|
{/* modal */} |
|
|
|