content: import React from 'react';
  import { shallow } from 'enzyme';
  import Tile from '../src/components/Tile/Tile';
  import TileContent from '../src/components/TileContent/TileContent';
  import TileTitle from '../src/components/TileTitle/TileTitle';
  import TileSubtitle from '../src/components/TileSubtitle/TileSubtitle';
  
  describe('<Tile />', () => {
    it('renders empty Tile', () => {
      const wrapper = shallow(<Tile />);
      expect(wrapper.html()).toMatchSnapshot();
    });
  
    it('accepts className property', () => {
      const wrapper = shallow(<Tile className="extra-class-name" />);
      expect(wrapper.html()).toMatchSnapshot();
    });
  
    it('renders children correctly', () => {
      const wrapper = shallow(
        <Tile>
          <TileContent>
            <TileTitle>Tile Title</TileTitle>
            <TileSubtitle>Tile Subtitle</TileSubtitle>
          </TileContent>
        </Tile>
      );
      expect(wrapper.html()).toMatchSnapshot();
    });
  });
  