import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/InputGroup/input-group'; import { css } from '@patternfly/react-styles'; export interface InputGroupProps extends React.HTMLProps { /** Additional classes added to the input group. */ className?: string; /** Content rendered inside the input group. */ children: React.ReactNode; /** @hide A reference object to attach to the input box */ innerRef?: React.Ref; } export const InputGroupBase: React.FunctionComponent = ({ className, children, innerRef, ...props }: InputGroupProps) => { const ref = React.useRef(null); const inputGroupRef = innerRef || ref; return (
{children}
); }; InputGroupBase.displayName = 'InputGroupBase'; export const InputGroup = React.forwardRef((props: InputGroupProps, ref: React.Ref) => ( )); InputGroup.displayName = 'InputGroup';