From 22e5991aaea45e55c01d15ed7a6c051c28ed49c9 Mon Sep 17 00:00:00 2001
From: Ashley Ryan <asryan@vmware.com>
Date: Fri, 15 Apr 2022 09:55:27 -0400
Subject: [PATCH] fix(react:selection-panel): wrap cds-radio-panel instead of
 cds-radio

Fixes #24

Signed-off-by: Ashley Ryan <asryan@vmware.com>
---
 .../radio/__snapshots__/index.test.tsx.snap                 | 6 ++++--
 projects/react/src/selection-panels/radio/index.test.tsx    | 2 +-
 projects/react/src/selection-panels/radio/index.tsx         | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap b/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap
index 68f85713a..9e7d889cb 100644
--- a/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap
+++ b/projects/react/src/selection-panels/radio/__snapshots__/index.test.tsx.snap
@@ -2,13 +2,15 @@
 
 exports[`CdsRadioPanel snapshot 1`] = `
 <div>
-  <cds-radio>
+  <cds-radio-panel
+    cds-control=""
+  >
     <label>
       Hello
     </label>
     <input
       type="checkbox"
     />
-  </cds-radio>
+  </cds-radio-panel>
 </div>
 `;
diff --git a/projects/react/src/selection-panels/radio/index.test.tsx b/projects/react/src/selection-panels/radio/index.test.tsx
index 11649c877..210b8aa4c 100644
--- a/projects/react/src/selection-panels/radio/index.test.tsx
+++ b/projects/react/src/selection-panels/radio/index.test.tsx
@@ -10,7 +10,7 @@ describe('CdsRadioPanel', () => {
         <input type="checkbox" />
       </CdsRadioPanel>
     );
-    expect(document.querySelector('cds-radio')).toHaveTextContent(/Hello/i);
+    expect(document.querySelector('cds-radio-panel')).toHaveTextContent(/Hello/i);
   });
 
   it('snapshot', () => {
diff --git a/projects/react/src/selection-panels/radio/index.tsx b/projects/react/src/selection-panels/radio/index.tsx
index 0a6c1cc3f..d70d943ae 100644
--- a/projects/react/src/selection-panels/radio/index.tsx
+++ b/projects/react/src/selection-panels/radio/index.tsx
@@ -4,6 +4,6 @@ import { createComponent } from '@lit-labs/react';
 import * as React from 'react';
 import { logReactVersion } from '../../utils/index.js';
 
-export const CdsRadioPanel = createComponent(React, 'cds-radio', RadioPanel, {}, 'CdsRadioPanel');
+export const CdsRadioPanel = createComponent(React, 'cds-radio-panel', RadioPanel, {}, 'CdsRadioPanel');
 
 logReactVersion(React);