29 lines
693 B
TypeScript
29 lines
693 B
TypeScript
|
import classNames from 'classnames';
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
import { HStack, Icon, Text } from 'soapbox/components/ui';
|
||
|
|
|
||
|
|
interface IValidationCheckmark {
|
||
|
|
isValid: boolean
|
||
|
|
text: string
|
||
|
|
}
|
||
|
|
|
||
|
|
const ValidationCheckmark = ({ isValid, text }: IValidationCheckmark) => {
|
||
|
|
return (
|
||
|
|
<HStack alignItems='center' space={2} data-testid='validation-checkmark'>
|
||
|
|
<Icon
|
||
|
|
src={require('@tabler/icons/icons/check.svg')}
|
||
|
|
className={classNames({
|
||
|
|
'w-4 h-4': true,
|
||
|
|
'text-gray-500': !isValid,
|
||
|
|
'text-success-500': isValid,
|
||
|
|
})}
|
||
|
|
/>
|
||
|
|
|
||
|
|
<Text theme='muted' size='sm'>{text}</Text>
|
||
|
|
</HStack>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ValidationCheckmark;
|