20 lines
621 B
TypeScript
20 lines
621 B
TypeScript
|
export interface ShowProps {
|
||
|
|
condition: boolean
|
||
|
|
children: React.ReactNode
|
||
|
|
fallback?: React.ReactNode | null
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Conditionally renders the `children` component if `condition` is true. If
|
||
|
|
* `condition` is false, renders the `fallback` component instead.
|
||
|
|
*
|
||
|
|
* If `fallback` is `null`, renders nothing.
|
||
|
|
*
|
||
|
|
* @param condition - The condition to check
|
||
|
|
* @param children - The component to render if `condition` is true
|
||
|
|
* @param fallback - The component to render if `condition` is false
|
||
|
|
*/
|
||
|
|
export function Show({ condition, children, fallback = null }: ShowProps) {
|
||
|
|
return condition ? children : fallback
|
||
|
|
}
|