import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/InputGroup/input-group'; import { css } from '@patternfly/react-styles'; import { InputGroupItem } from './InputGroupItem'; export interface InputGroupTextProps extends React.HTMLProps { /** Additional classes added to the input group text. */ className?: string; /** Content rendered inside the input group text. */ children: React.ReactNode; /** Component that wraps the input group text. */ component?: React.ReactNode; /** Flag to to indicate if the input group item is plain. */ isPlain?: boolean; /** Flag to indicate if the input group text is disabled. */ isDisabled?: boolean; } export const InputGroupText: React.FunctionComponent = ({ className, component = 'span', children, isPlain, isDisabled, ...props }: InputGroupTextProps) => { const Component = component as any; return ( {children} ); }; InputGroupText.displayName = 'InputGroupText';