title: Using Material MDCCard in SwiftUI with UIViewRepresentable size issue
body: <p>I'm trying to use Material components MDCCard in SwiftUI and trying to make its size exactly as its subviews but I end up with stretched size to fill any available space in its parent.</p>
  
  <p>How could I make its size wraps its content.</p>
  
  <p>Here is my MaterialCard </p>
  
  <pre><code>struct MaterialCard&lt;Content: View&gt;: UIViewRepresentable {
      let content: () -&gt; Content
  
      func makeUIView(context: Context) -&gt; MDCCard {
          let card = MDCCard()
  
          let view = UIHostingController(rootView: content()).view!
          view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
          card.addSubview(view)
  
          return card
      }
  
      func updateUIView(_ card: MDCCard, context: Context) {
          card.setContentHuggingPriority(.defaultHigh, for: .vertical)
          card.setContentHuggingPriority(.defaultHigh, for: .horizontal)
      }
  }
  </code></pre>
  
  <p>And here is the preview used</p>
  
  <pre><code>struct CCard_Previews: PreviewProvider {
      static var previews: some View {
          VStack {
              MaterialCard(rippled: true) {
                  Text("HEllllO")
                      .frame(width: 200, height: 200)
                      .background(Color.red.opacity(0.5))
              }
              .background(Color.gray)
              .environment(\.colorScheme, .light)
  
              MaterialCard(rippled: true) {
                  Text("HEllllO")
                      .frame(width: 200, height: 200)
                      .background(Color.red.opacity(0.5))
              }
              .background(Color.black)
              .environment(\.colorScheme, .dark)
          }
      }
  }
  </code></pre>
  
  <p>And the result is</p>
  
  <p><a href="https://i.stack.imgur.com/fexrq.png" rel="nofollow noreferrer">Result</a></p>