default variant tsdoc

Enterwell · Dec 15, 2023 · 28fc029 · 28fc029
1 parent e90423b
commit 28fc029
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/packages/react-ui/SearchHeader/SearchHeader.tsx b/packages/react-ui/SearchHeader/SearchHeader.tsx
@@ -1,4 +1,4 @@
-import React, { type MouseEvent } from 'react';
+import React, { ReactNode, type MouseEvent } from 'react';
 import {
     Typography, Stack, IconButton, InputBase, useTheme
 } from '@mui/material';
@@ -11,9 +11,12 @@ import { Search, Clear } from '@mui/icons-material';
  */
 export type SearchHeaderProps = {
     onSubmit?: (searchTerm: string) => void,
-    placeholder: string,
-    variant: Variant,
-    children: React.ReactNode
+    placeholder?: string | undefined,
+    /**
+     * @defaultValue 'h1'
+     */
+    variant?: Variant | undefined,
+    children?: ReactNode | undefined
 }
 
 /**
@@ -26,14 +29,13 @@ export function SearchHeader({
     onSubmit,
     placeholder,
     children,
-    variant = 'h1',
-    ...rest
+    variant = 'h1'
 }: SearchHeaderProps) {
     const [isSearching, setIsSearching] = React.useState(false);
     const [searchTerm, setSearchTerm] = React.useState('');
 
     const theme = useTheme();
-    console.log("theme.", theme.typography)
+
     const handleSearchClick = (e: MouseEvent<HTMLButtonElement>) => {
         e.stopPropagation();
         setIsSearching(true);

diff --git a/packages/react-ui/temp/react-ui.api.md b/packages/react-ui/temp/react-ui.api.md
@@ -20,7 +20,7 @@ import { ReactNode } from 'react';
 import { SyntheticEvent } from 'react';
 import { TextField } from '@mui/material';
 import { TextFieldProps } from '@mui/material';
-import { TypographyProps } from '@mui/material';
+import { Variant } from '@mui/material/styles/createTypography';
 
 // @public
 export function ConfirmButton({ header, message, confirmButtonText, color, onConfirm, slots, ...rest }: ConfirmButtonProps): react_jsx_runtime.JSX.Element;
@@ -116,11 +116,14 @@ export type PageDrawerProps = HTMLAttributes<HTMLDivElement> & {
 };
 
 // @public
-export function SearchHeader({ onSubmit, children, ...rest }: SearchHeaderProps): react_jsx_runtime.JSX.Element;
+export function SearchHeader({ onSubmit, placeholder, children, variant }: SearchHeaderProps): react_jsx_runtime.JSX.Element;
 
 // @public
-export type SearchHeaderProps = TypographyProps & {
+export type SearchHeaderProps = {
     onSubmit?: (searchTerm: string) => void;
+    placeholder?: string | undefined;
+    variant?: Variant | undefined;
+    children?: ReactNode | undefined;
 };
 
 // @public