Merge pull request #19 from NHSDigital/tjc-warningCalloutClassName

Tjc warning callout class name

Author: Tomdango

src/components/warning-callout/WarningCallout.tsx

@@ -1,16 +1,31 @@
 import React, { HTMLProps } from 'react';
 import classNames from 'classnames';
 
-const WarningCallout: React.FC<HTMLProps<HTMLDivElement>> = ({
+interface WarningCalloutProps extends HTMLProps<HTMLDivElement> {
+  labelProps?: HTMLProps<HTMLHeadingElement>;
+}
+
+const WarningCallout: React.FC<WarningCalloutProps> = ({
   className,
   label,
   children,
+  labelProps,
   ...rest
-}) => (
-  <div className={classNames('nhsuk-warning-callout')} {...rest}>
-    {label ? <h3 className="nhsuk-warning-callout__label">{label}</h3> : null}
-    {children}
-  </div>
-);
+}) => {
+  const { className: labelClassName, ...restLabelProps } = labelProps || {};
+  return (
+    <div className={classNames('nhsuk-warning-callout', className)} {...rest}>
+      {label ? (
+        <h3
+          className={classNames('nhsuk-warning-callout__label', labelClassName)}
+          {...restLabelProps}
+        >
+          {label}
+        </h3>
+      ) : null}
+      {children}
+    </div>
+  );
+};
 
 export default WarningCallout;