### dataHook
- type: string
- description: Applies a data-hook HTML attribute to be used in the tests.
### children
- type: ReactNode
- description: Allows to render any component as a child item.
### menuArrow
- type: boolean
- description: Specifies whether input should have a dropdown menu arrow on the right side.
### focused
- type: boolean | "auto"
- description: Controls visual focus state.
### size
- type: ValuesOf<{ readonly tiny: "tiny"; readonly small: "small"; readonly medium: "medium"; readonly large: "large"; }>
- description: Controls the size of the input. Default value: `medium`
### placeholder
- type: ReactNode
- description: Sets a placeholder message to display
### as
- type: "button" | "div"
- description: Renders the component as button.
Renders the component as div.
### disabled
- type: boolean
- description: Specifies whether user interactions are disabled.
### tabIndex
- type: number
- description: Indicates that element can be focused and where it participates in sequential keyboard navigation.
### aria-haspopup
- type: boolean | "menu" | "listbox" | "tree" | "grid" | "dialog" | "true" | "false"
- description: Indicates the element can trigger a popup and what kind of popup will be displayed.
### aria-controls
- type: string
- description: Identifies the element whose contents or presence are controlled by the component.
### onClick
- type: MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLDivElement>
- description: A callback function called on component click.