From a9e1ef300af7af533cbe6a61635bb7dd32d7b817 Mon Sep 17 00:00:00 2001
From: Stuart Morris <stuart.morris@virginexperiencedays.co.uk>
Date: Thu, 30 Sep 2021 22:40:02 +0100
Subject: [PATCH] fix: breakpoint naming for custom

- changes name structure to 'breakpoint__custom' for a custom breakpoint instead of 'breakpoint__undefined-undefined'
---
 src/Breakpoint/Breakpoint.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Breakpoint/Breakpoint.js b/src/Breakpoint/Breakpoint.js
index 1168ec1..ac04c2b 100644
--- a/src/Breakpoint/Breakpoint.js
+++ b/src/Breakpoint/Breakpoint.js
@@ -71,8 +71,9 @@ export default class Breakpoint extends React.Component {
     if (!shouldRender) return null;
 
     const Tag = tagName
+    const breakpointName = breakpoint ? `${breakpoint}-${modifier}` : "custom";
     return (
-      <Tag className={`breakpoint__${breakpoint}-${modifier} ${className}`} style={style}>{children}</Tag>
+      <Tag className={`breakpoint__${breakpointName} ${className}`} style={style}>{children}</Tag>
     );
   }
 }