@i-dot-ai-npm/component-library-react 0.0.10 → 0.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-dot-ai-npm/component-library-react",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "React components for i.AI GOV.UK.",
   "type": "module",
   "scripts": {

package/src/index.ts

@@ -119,6 +119,7 @@ export { default as TableCell } from "./table/TableCell";
 export { default as TableHead } from "./table/TableHead";
 export { default as TableHeader } from "./table/TableHeader";
 export { default as TableRow } from "./table/TableRow";
+export { default as TableSearchAndFilter } from "./table/TableSearchAndFilter";
 export { default as Table } from "./table/Table";
 export { default as TabPanel } from "./tabs/TabPanel";
 export { default as Tab } from "./tabs/Tab";

package/src/table/TableSearchAndFilter.tsx

@@ -0,0 +1,18 @@
+/** @jsxImportSource react */
+
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+
+type TableSearchAndFilterProps = ComponentPropsWithoutRef<'div'> & {
+    class?: string;
+    children?: ReactNode;
+};
+
+export default function TableSearchAndFilter({ class: className, children, ...rest }: TableSearchAndFilterProps) {
+    const classes = ["govuk-table__search-and-filter-wrapper", className ?? ""].filter(Boolean).join(" ");
+
+    return (
+        <div className={classes} {...rest}>
+            {children ?? ""}
+        </div>
+    );
+}