27 lines
618 B
TypeScript
27 lines
618 B
TypeScript
|
export function OutcomeLabel(props: {
|
||
|
|
outcome: 'YES' | 'NO' | 'CANCEL' | 'MKT'
|
||
|
|
}) {
|
||
|
|
const { outcome } = props
|
||
|
|
|
||
|
|
if (outcome === 'YES') return <YesLabel />
|
||
|
|
if (outcome === 'NO') return <NoLabel />
|
||
|
|
if (outcome === 'MKT') return <MarketLabel />
|
||
|
|
return <CancelLabel />
|
||
|
|
}
|
||
|
|
|
||
|
|
export function YesLabel() {
|
||
|
|
return <span className="text-primary">YES</span>
|
||
|
|
}
|
||
|
|
|
||
|
|
export function NoLabel() {
|
||
|
|
return <span className="text-red-400">NO</span>
|
||
|
|
}
|
||
|
|
|
||
|
|
export function CancelLabel() {
|
||
|
|
return <span className="text-yellow-400">N/A</span>
|
||
|
|
}
|
||
|
|
|
||
|
|
export function MarketLabel() {
|
||
|
|
return <span className="text-blue-400">MKT</span>
|
||
|
|
}
|