Banner Membership

import 'package:flutter/material.dart';
import 'package:gap/gap.dart';

MaterialBanner(
  padding: const EdgeInsets.all(20),
  backgroundColor: Colors.deepPurple.shade50,
  content: const Row(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Icon(
        Icons.card_membership,
        color: Colors.deepPurple,
      ),
      Gap(16),
      Expanded(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              'Membership',
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 14,
                color: Colors.black87,
              ),
            ),
            Gap(8),
            Text(
              'Regist now to become member then access all feature without ads. Get 20% discount for first month.',
              style: TextStyle(
                fontWeight: FontWeight.w400,
                fontSize: 14,
                color: Colors.black54,
              ),
            ),
          ],
        ),
      ),
    ],
  ),
  actions: <Widget>[
    TextButton(
      onPressed: () {},
      child: const Text('OPEN'),
    ),
    TextButton(
      onPressed: () {},
      child: const Text('DISMISS'),
    ),
  ],
),