Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 1x 3x 3x 3x 1x 1x | import {forwardRef} from 'react'
import PropTypes from 'prop-types'
import Injector from '@s-ui/react-primitive-injector'
import {getClassNames, TYPES} from './settings.js'
const AtomValidationText = forwardRef(({text, type, ...props}, forwardedRef) => {
const isTextString = typeof text === 'string'
const Component = isTextString ? 'span' : Injector
return (
<Component className={getClassNames(type)} {...props} {...(isTextString && {ref: forwardedRef})}>
{text}
</Component>
)
})
AtomValidationText.displayName = 'AtomValidationText'
AtomValidationText.propTypes = {
type: PropTypes.oneOf(Object.values(TYPES)).isRequired,
text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.bool]).isRequired
}
export default AtomValidationText
export {TYPES as AtomValidationTextTypes}
|