import clsx from 'clsx' import React, { useState } from 'react' import { Contract } from '../lib/firebase/contracts' import { Col } from './layout/col' import { Title } from './title' import { User } from '../lib/firebase/users' import { YesNoCancelSelector } from './yes-no-selector' import { Spacer } from './layout/spacer' import { ConfirmationModal } from './confirmation-modal' export function ResolutionPanel(props: { creator: User contract: Contract className?: string }) { const { creator, contract, className } = props const [outcome, setOutcome] = useState<'YES' | 'NO' | 'CANCEL' | undefined>() function resolve() { console.log('resolved', outcome) } const submitButtonClass = outcome === 'YES' ? 'btn-primary' : outcome === 'NO' ? 'bg-red-400 hover:bg-red-500' : outcome === 'CANCEL' ? 'bg-yellow-400 hover:bg-yellow-500' : 'btn-disabled' return (
Are you sure you want to resolve this market?