import 'dart:ui';

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

import 'package:Parlando/extension/int_extension.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.grey.shade200.withOpacity(0.1),
        border: Border.all(color: Colors.grey, width: 0.1), // 边色与边宽度
        // borderRadius: BorderRadius.circular(2.0),
      ),
      height: 190.px,
      width: double.infinity,
      margin: EdgeInsets.symmetric(vertical: 10.px, horizontal: 40.px),
      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: EdgeInsets.all(5.px),
                child: Column(
                  children: [
                    SizedBox(
                      width: double.infinity,
                      child: Text(
                        title ?? '每日一言',
                        style: TextStyle(
                          fontSize: 20.px,
                          color: Colors.white,
                        ),
                      ),
                    ),
                    Gaps.vGap10,
                    Text(
                      poem ?? '#一言 临境',
                      style: TextStyle(
                        color: Colors.white,
                        fontFamily: "ZCOOLXiaoWei",
                        fontSize: 20.px,
                      ),
                    ),
                    Container(
                      padding: EdgeInsets.only(right: 5.px),
                      alignment: Alignment.centerRight,
                      width: double.infinity,
                      child: Text(
                        author ?? '诗人',
                        style: TextStyle(
                          fontSize: 15.px,
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
        onTap: () {
          onShowDetail!();
        },
      ),
    );
  }
}