import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:one_poem/res/resources.dart';
import 'package:one_poem/tiktok/style/style.dart';

class TikTokTopInfoColumn extends StatelessWidget {
  final double? bottomPadding;
  final String? info;
  const TikTokTopInfoColumn({
    Key? key,
    this.bottomPadding,
    this.info,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SafeArea(
        child: Container(
      margin: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 25.0),
      height: 100.0,
      width: double.infinity,
      decoration: BoxDecoration(
        color: Colors.grey.shade200.withOpacity(0.1),
        border: Border.all(color: Colors.grey, width: 0.1), // 边色与边宽度
        borderRadius: BorderRadius.circular(2.0),
      ),
      child: ClipRect(
        child: BackdropFilter(
          filter: ImageFilter.blur(
            sigmaX: 10.0,
            sigmaY: 10.0,
          ),
          child: Container(
            decoration: BoxDecoration(
              color: Colors.grey.shade200.withOpacity(0.1),
            ),
            child: Padding(
              padding: const EdgeInsets.all(10.0),
              child: Column(
                children: const [
                  Text(
                    '早安',
                    style: TextStyle(
                      fontSize: 28.0,
                      color: Colors.white,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    ));
  }
}