diff --git a/src/components/ConditionalRender/ConditionalRender.tsx b/src/components/ConditionalRender/ConditionalRender.tsx new file mode 100644 index 0000000..f702ae1 --- /dev/null +++ b/src/components/ConditionalRender/ConditionalRender.tsx @@ -0,0 +1,11 @@ +import React from 'react'; + +export interface ConditionalRenderProps { + when: boolean; + then: any; + children: any; +} + +export const ConditionalRender: React.FC = ({ when, then, children }) => { + return when ? then : children || <>; +}; diff --git a/src/components/ConditionalRender/index.ts b/src/components/ConditionalRender/index.ts new file mode 100644 index 0000000..4b40a54 --- /dev/null +++ b/src/components/ConditionalRender/index.ts @@ -0,0 +1 @@ +export * from './ConditionalRender'; diff --git a/src/index.ts b/src/index.ts index 1f1db21..71c4422 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,3 +1,4 @@ +export * from './components/ConditionalRender'; export * from './components/SimplePlaceholder'; export * from './components/SimpleSelect'; export * from './components/SimpleTableWithToolbar';