({ className, ...props }: React.ComponentProps<"p">)
| 143 | } |
| 144 | |
| 145 | function FormMessage({ className, ...props }: React.ComponentProps<"p">) { |
| 146 | const { error, formMessageId } = useFormField(); |
| 147 | const body = error ? String(error?.message ?? "") : props.children; |
| 148 | |
| 149 | if (!body) { |
| 150 | return null; |
| 151 | } |
| 152 | |
| 153 | return ( |
| 154 | <p |
| 155 | data-slot='form-message' |
| 156 | id={formMessageId} |
| 157 | className={cn("text-destructive text-sm", className)} |
| 158 | {...props} |
| 159 | > |
| 160 | {body} |
| 161 | </p> |
| 162 | ); |
| 163 | } |
| 164 | |
| 165 | export { |
| 166 | useFormField, |
nothing calls this directly
no test coverage detected