fix: accept id and name props for Search component input field (#183)

* fix: accept id and name props for Search component input field
* fix: qualify id and name props for input field to not clash with form
fix #162

src/components/Search/Search.stories.tsx

@@ -7,7 +7,7 @@ export default {
     info: `
 USWDS 2.0 Search component
 
-Source: https://designsystem.digital.gov/components/header/
+Source: https://designsystem.digital.gov/components/search/
 `,
   },
 }

src/components/Search/Search.tsx

@@ -8,6 +8,8 @@ import { TextInput } from '../forms/TextInput/TextInput'
 
 interface SearchInputProps {
   onSubmit: (event: React.FormEvent<HTMLFormElement>) => void
+  inputId?: string
+  inputName?: string
   big?: boolean
   small?: boolean
   label?: React.ReactNode
@@ -19,6 +21,8 @@ export const Search = (
 ): React.ReactElement => {
   const {
     onSubmit,
+    inputId = 'search-field',
+    inputName = 'search',
     big,
     small,
     label = 'Search',
@@ -41,10 +45,10 @@ export const Search = (
       role="search"
       search={true}
       {...formProps}>
-      <Label srOnly={true} htmlFor="search-field">
+      <Label srOnly={true} htmlFor={inputId}>
         {label}
       </Label>
-      <TextInput id="search-field" type="search" name="search" />
+      <TextInput id={inputId} type="search" name={inputName} />
       <Button type="submit">
         <span className={small ? 'usa-sr-only' : 'usa-search__submit-text'}>
           Search