You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
467 B
TypeScript
20 lines
467 B
TypeScript
2 years ago
|
import React, { ReactNode } from 'react'
|
||
|
|
|
||
|
|
export type ConditionalProps = {
|
||
|
|
/**
|
||
|
|
* the condition to test against
|
||
|
|
*/
|
||
|
|
condition: boolean
|
||
|
|
/**
|
||
|
|
* the component to render when condition is true
|
||
|
|
*/
|
||
|
|
whenTrue: ReactNode
|
||
|
|
/**
|
||
|
|
* the component to render when condition is false
|
||
|
|
*/
|
||
|
|
whenFalse: ReactNode
|
||
|
|
}
|
||
|
|
|
||
|
|
export function Conditional({ condition, whenFalse, whenTrue }: ConditionalProps) {
|
||
|
|
return condition ? whenTrue : whenFalse;
|
||
|
|
}
|