import { yoctoToNear } from '@/includes/libs'; const Stake = (props) => { const FaRight = (props) => { return ( <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 192 512" className={props.className} height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path> </svg> ); }; return ( <div className="flex flex-wrap items-center break-all leading-7"> <FaRight className="inline-flex text-gray-400 text-xs" /> <span className="font-bold px-1"> Stake{' '} <span className="font-normal pl-1"> {yoctoToNear(props.action.args.stake, true)} Ⓝ </span> </span> </div> ); }; export default Stake;