Updates based on PR comments

Author: Said Shah

src/molecules/lists/radio-list.test.tsx

@@ -1,10 +1,10 @@
 import React from "react";
 import { render } from "@testing-library/react";
 import {
-    COMPONENT_CLASS,
     RadioList,
-    RadioListStyles,
+    RadioListClassName,
     RadioListButtonStyleClassName,
+    RadioListStyles,
 } from "./radio-list";
 import faker from "faker";
 
@@ -25,7 +25,7 @@ describe("RadioList", () => {
     test("when items prop is empty, radio-list returns null", () => {
         // Arrange & Act
         const { container } = render(<RadioList items={[]} />);
-        const result = container.querySelector("." + COMPONENT_CLASS);
+        const result = container.querySelector("." + RadioListClassName);
 
         // Assert
         expect(result).toBeNil();

src/molecules/lists/radio-list.tsx

@@ -1,27 +1,49 @@
 import * as React from "react";
 import { UnorderedList } from "./unordered-list";
 
-export const COMPONENT_CLASS = "c-radio-list";
+// -----------------------------------------------------------------------------------------
+// #region Constants
+// -----------------------------------------------------------------------------------------
+
+export const RadioListClassName = "c-radio-list";
 export const RadioListButtonStyleClassName = "-button-style";
 
+// #endregion Constants
+
+// -----------------------------------------------------------------------------------------
+// #region Interfaces
+// -----------------------------------------------------------------------------------------
+
 export interface RadioListProps {
     items: JSX.Element[];
     style?: RadioListStyles;
 }
 
+// #endregion Interfaces
+
+// -----------------------------------------------------------------------------------------
+// #region Enums
+// -----------------------------------------------------------------------------------------
+
 export enum RadioListStyles {
     Default = "default",
     Button = "button",
 }
 
+// #endregion Enums
+
+// -----------------------------------------------------------------------------------------
+// #region Component
+// -----------------------------------------------------------------------------------------
+
 const RadioList: React.FunctionComponent<RadioListProps> = (props) => {
     const { items, style } = props;
 
     if (items.length === 0) {
         return null;
     }
 
-    const classNames = [COMPONENT_CLASS];
+    const classNames = [RadioListClassName];
     if (style === RadioListStyles.Button) {
         classNames.push(RadioListButtonStyleClassName);
     }
@@ -33,4 +55,12 @@ const RadioList: React.FunctionComponent<RadioListProps> = (props) => {
     );
 };
 
+// #endregion Component
+
+// -----------------------------------------------------------------------------------------
+// #region Exports
+// -----------------------------------------------------------------------------------------
+
 export { RadioList };
+
+// #endregion Exports