import clsx from 'clsx' import { ReactNode, useState } from 'react' import { Col } from './layout/col' import { Modal } from './layout/modal' import { Row } from './layout/row' export function ConfirmationButton(props: { id: string openModalBtn: { label: string icon?: JSX.Element className?: string } cancelBtn?: { label?: string className?: string } submitBtn?: { label?: string className?: string } onSubmit: () => void children: ReactNode }) { const { id, openModalBtn, cancelBtn, submitBtn, onSubmit, children } = props const [open, setOpen] = useState(false) return ( <> {children} ) } export function ResolveConfirmationButton(props: { onResolve: () => void isSubmitting: boolean openModalButtonClass?: string submitButtonClass?: string }) { const { onResolve, isSubmitting, openModalButtonClass, submitButtonClass } = props return (

Are you sure you want to resolve this market?

) }