content: import React from 'react';
  import { shallow, mount } from 'enzyme';
  import Panel from '../src/components/Panel/Panel';
  import PanelBody from '../src/components/PanelBody/PanelBody';
  import PanelHeader from '../src/components/PanelHeader/PanelHeader';
  
  describe('<Panel />', () => {
    it('renders empty panel', () => {
      const wrapper = shallow(<Panel />);
      expect(wrapper.html()).toMatchSnapshot();
    });
  
    it('accepts extra prop', () => {
      const wrapper = shallow(
        <Panel className="extra-class-name" title="Panel" />
      );
      expect(wrapper.html()).toMatchSnapshot();
    });
  
    it('renders children correctly', () => {
      const wrapper = shallow(
        <Panel>
          <PanelHeader title="Panel Title" />
          <PanelBody>
            <p>Panel body</p>
          </PanelBody>
        </Panel>
      );
      expect(wrapper.html()).toMatchSnapshot();
    });
  });
  