feat: add if component

Author: Ohh-889

packages/ui/src/components/if/index.ts

@@ -0,0 +1,3 @@
+export { default as If } from './source/If';
+
+export * from './type';

packages/ui/src/components/if/source/If.tsx

@@ -0,0 +1,7 @@
+import type { IfProps } from '../type';
+
+function If({ children, condition, fallback }: IfProps) {
+  return condition ? children : fallback;
+}
+
+export default If;

packages/ui/src/components/if/type.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+
+export interface IfProps {
+  /**
+   * The children to render
+   */
+  children?: ReactNode;
+  /**
+   * If true, the children will be rendered
+   */
+  condition: boolean;
+  /**
+   * The fallback to render
+   */
+  fallback?: ReactNode;
+}