25 lines
513 B
TypeScript
25 lines
513 B
TypeScript
import React, { FC } from "react";
|
|
import { Form } from "antd";
|
|
|
|
interface ValidationFieldContainerProps {
|
|
children: React.ReactNode;
|
|
isError: boolean;
|
|
errorMsg: string;
|
|
}
|
|
|
|
export const ValidationFieldContainer: FC<ValidationFieldContainerProps> = ({
|
|
children,
|
|
isError,
|
|
errorMsg,
|
|
}) => (
|
|
<div className="ValidationFieldContainer">
|
|
<Form.Item
|
|
hasFeedback
|
|
validateStatus={isError ? "error" : ""}
|
|
help={isError ? errorMsg : ""}
|
|
>
|
|
{children}
|
|
</Form.Item>
|
|
</div>
|
|
);
|