import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/TextInputGroup/text-input-group'; import { css } from '@patternfly/react-styles'; export interface TextInputGroupProps extends React.HTMLProps { /** Content rendered inside the text input group */ children?: React.ReactNode; /** Additional classes applied to the text input group container */ className?: string; /** Adds disabled styling and a disabled context value which text input group main hooks into for the input itself */ isDisabled?: boolean; /** Flag to indicate the toggle has no border or background */ isPlain?: boolean; /** Status variant of the text input group. */ validated?: 'success' | 'warning' | 'error'; /** @hide A reference object to attach to the input box */ innerRef?: React.RefObject; } export const TextInputGroupContext = React.createContext>({ isDisabled: false }); export const TextInputGroup: React.FunctionComponent = ({ children, className, isDisabled, isPlain, validated, innerRef, ...props }: TextInputGroupProps) => { const ref = React.useRef(null); const textInputGroupRef = innerRef || ref; return (
{children}
); }; TextInputGroup.displayName = 'TextInputGroup';