import 'dart:ui';

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

class TikTokVidePoem extends StatelessWidget {
  final double? bottomPadding;
  final Function? onShowDetail;
  final String? poem;
  final String? title;
  final String? author;
  const TikTokVidePoem({
    Key? key,
    this.bottomPadding,
    this.onShowDetail,
    this.poem,
    this.title,
    this.author,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.black.withOpacity(.5),
        border: Border.all(color: Colors.grey, width: 0.1), // 边色与边宽度
        borderRadius: BorderRadius.circular(2.0),
      ),
      height: 220.0,
      margin: const EdgeInsets.all(10.0),
      child: InkWell(
        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: [
                    Text(
                      title ?? '每日一言',
                      style: const TextStyle(fontSize: 28.0),
                    ),
                    Gaps.vGap10,
                    Text(
                      poem ?? '#一言 临境',
                      style: const TextStyle(
                          fontFamily: "ZCOOLXiaoWei", fontSize: 24.0),
                    ),
                    Text(
                      author ?? '诗人',
                      style: const TextStyle(fontSize: 16.0),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
        onTap: () {
          onShowDetail;
        },
      ),
    );
  }
}