import React from 'react'; import { css } from '@patternfly/react-styles'; import { MenuItemProps, MenuItem } from '../Menu'; /** * See the MenuItem section of the Menu documentation for additional props that may be passed. */ export interface SelectOptionProps extends Omit { /** Anything which can be rendered in a select option */ children?: React.ReactNode; /** Classes applied to root element of select option */ className?: string; /** @hide Forwarded ref */ innerRef?: React.Ref; /** Identifies the component in the Select onSelect callback */ value?: any; /** Indicates the option has a checkbox */ hasCheckbox?: boolean; /** Indicates the option is disabled */ isDisabled?: boolean; /** Indicates the option is selected */ isSelected?: boolean; /** Indicates the option is focused */ isFocused?: boolean; /** Render an external link icon on focus or hover, and set the link's * "target" attribute to a value of "_blank". */ isExternalLink?: boolean; /** Render option with icon */ icon?: React.ReactNode; /** Description of the option */ description?: React.ReactNode; } const SelectOptionBase: React.FunctionComponent = ({ children, className, innerRef, value, ...props }: SelectOptionProps) => ( {children} ); export const SelectOption = React.forwardRef((props: SelectOptionProps, ref: React.Ref) => ( )); SelectOption.displayName = 'SelectOption';