content: import 'package:explore/widgets/bottom_bar_column.dart';
  import 'package:explore/widgets/info_text.dart';
  import 'package:explore/widgets/responsive.dart';
  import 'package:flutter/material.dart';
  
  class BottomBar extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        padding: EdgeInsets.all(30),
        color: Theme.of(context).bottomAppBarColor,
        child: ResponsiveWidget.isSmallScreen(context)
            ? Column(
                children: [
                  Row(
                    mainAxisSize: MainAxisSize.max,
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      BottomBarColumn(
                        heading: 'ABOUT',
                        s1: 'Contact Us',
                        s2: 'About Us',
                        s3: 'Careers',
                      ),
                      BottomBarColumn(
                        heading: 'HELP',
                        s1: 'Payment',
                        s2: 'Cancellation',
                        s3: 'FAQ',
                      ),
                      BottomBarColumn(
                        heading: 'SOCIAL',
                        s1: 'Twitter',
                        s2: 'Facebook',
                        s3: 'YouTube',
                      ),
                    ],
                  ),
                  Container(
                    color: Colors.blueGrey,
                    width: double.maxFinite,
                    height: 1,
                  ),
                  SizedBox(height: 20),
                  InfoText(
                    type: 'Email',
                    text: 'explore@gmail.com',
                  ),
                  SizedBox(height: 5),
                  InfoText(
                    type: 'Address',
                    text: '128, Trymore Road, Delft, MN - 56124',
                  ),
                  SizedBox(height: 20),
                  Container(
                    color: Colors.blueGrey,
                    width: double.maxFinite,
                    height: 1,
                  ),
                  SizedBox(height: 20),
                  Text(
                    'Copyright © 2020 | EXPLORE',
                    style: TextStyle(
                      color: Colors.blueGrey[300],
                      fontSize: 14,
                    ),
                  ),
                ],
              )
            : Column(
                children: [
                  Row(
                    mainAxisSize: MainAxisSize.max,
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      BottomBarColumn(
                        heading: 'ABOUT',
                        s1: 'Contact Us',
                        s2: 'About Us',
                        s3: 'Careers',
                      ),
                      BottomBarColumn(
                        heading: 'HELP',
                        s1: 'Payment',
                        s2: 'Cancellation',
                        s3: 'FAQ',
                      ),
                      BottomBarColumn(
                        heading: 'SOCIAL',
                        s1: 'Twitter',
                        s2: 'Facebook',
                        s3: 'YouTube',
                      ),
                      Container(
                        color: Colors.blueGrey,
                        width: 2,
                        height: 150,
                      ),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          InfoText(
                            type: 'Email',
                            text: 'explore@gmail.com',
                          ),
                          SizedBox(height: 5),
                          InfoText(
                            type: 'Address',
                            text: '128, Trymore Road, Delft, MN - 56124',
                          )
                        ],
                      ),
                    ],
                  ),
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Container(
                      color: Colors.blueGrey,
                      width: double.maxFinite,
                      height: 1,
                    ),
                  ),
                  SizedBox(height: 20),
                  Text(
                    'Copyright © 2020 | EXPLORE',
                    style: TextStyle(
                      color: Colors.blueGrey[300],
                      fontSize: 14,
                    ),
                  ),
                ],
              ),
      );
    }
  }
  