VCard class

A flexible container component that displays content with an optional title, subtitle, and child widget. Cards are commonly used to group related information and actions.

Example:

VCard(
  image: Container(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: AssetImage('assets/avatar.png'),
        fit: BoxFit.cover,
      ),
    ),
    height: 200,
  ),
  title: const Text('Gratitude'),
  subtitle: const Text(
    'The quality of being thankful; readiness to show appreciation for and to return kindness.',
  ),
  content: Column(
    crossAxisAlignment: CrossAxisAlignment.stretch,
    children: [
      VTextField(label: 'Name'),
      SizedBox(height: 10),
      VTextField(label: 'Email'),
    ],
  ),
  footer: Row(
    children: [
      Expanded(
        child: VButton(
          onPress: () {},
          child: const Text('Cancel'),
        ),
      ),
      SizedBox(width: 10),
      Expanded(
        child: VButton(
          onPress: () {},
          child: const Text('Submit'),
        ),
      ),
    ],
  ),
  contentPadding: 16,
)