Web: Components: RadioButtonGroup: add text label

packages/asc-web-components/radio-button-group/index.js

@@ -2,6 +2,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import RadioButton from "../radio-button";
 import StyledDiv from "./styled-radio-button-group";
+import Text from "../text";
 
 class RadioButtonGroup extends React.Component {
   constructor(props) {
@@ -36,6 +37,12 @@ class RadioButtonGroup extends React.Component {
         width={this.props.width}
       >
         {options.map((option) => {
+          if (option.type === "text")
+            return (
+              <Text key="radio-text" className="subtext">
+                {option.label}
+              </Text>
+            );
           return (
             <RadioButton
               key={option.value}

packages/asc-web-components/radio-button-group/styled-radio-button-group.js

@@ -5,6 +5,11 @@ import styled, { css } from "styled-components";
 const ClearDiv = ({ orientation, width, ...props }) => <div {...props} />;
 
 const StyledDiv = styled(ClearDiv)`
+  .subtext {
+    margin-top: 16px;
+    margin-bottom: 8px;
+  }
+
   ${(props) =>
     (props.orientation === "horizontal" &&
       css`