import { Localized } from "@fluent/react/compat" ; import React , { FunctionComponent } from "react" ; import CLASSES from "coral-stream/classes" ; import { Icon } from "coral-ui/components/v2" ; import { CallOut } from "coral-ui/components/v3" ; export interface PostCommentRejectedProps { onDismiss : ( ) => void ; } const PostCommentRejected = ( props ) => { return ( < CallOut className = { CLASSES . createComment . rejected } color = "error" titleWeight = "semiBold" icon = { < Icon size = "sm" > error < /Icon>} title={<Localized id="comments-submitStatus-submittedAndRejected"> < div > This comment has been rejected for violating our guidelines < /div> < /Localized>} onClose={props.onDismiss} role="alert"/ > ) ; } ; export default PostCommentRejected ;