import { Text, TextProps } from '@chakra-ui/react';

//! A good example on how to extend chakra ui components
export const ValidationErrorText: React.FC<TextProps> = ({
  children,
  ...props
}) => {
  return (
    <Text fontSize="sm" color="red.500" {...props}>
      {children}
    </Text>
  );
};
