PiliPlus/lib/common/skeleton/video_card_h.dart

import 'package:PiliPlus/common/skeleton/skeleton.dart';
import 'package:PiliPlus/common/style.dart';
import 'package:flutter/material.dart';

class VideoCardHSkeleton extends StatelessWidget {
  const VideoCardHSkeleton({super.key});

  @override
  Widget build(BuildContext context) {
    final color = ColorScheme.of(context).onInverseSurface;
    return Skeleton(
      child: Padding(
        padding: const .symmetric(horizontal: Style.safeSpace, vertical: 5),
        child: Row(
          crossAxisAlignment: .start,
          children: [
            AspectRatio(
              aspectRatio: Style.aspectRatio,
              child: DecoratedBox(
                decoration: BoxDecoration(
                  color: color,
                  borderRadius: Style.mdRadius,
                ),
              ),
            ),
            Expanded(
              child: Padding(
                padding: const .fromLTRB(10, 4, 6, 4),
                child: Column(
                  crossAxisAlignment: .start,
                  children: [
                    Container(
                      color: color,
                      width: 200,
                      height: 13,
                      margin: const .only(bottom: 5),
                    ),
                    Container(
                      color: color,
                      width: 150,
                      height: 13,
                    ),
                    const Spacer(),
                    Container(
                      color: color,
                      width: 100,
                      height: 13,
                      margin: const .only(bottom: 5),
                    ),
                    Row(
                      spacing: 8,
                      children: [
                        Container(
                          color: color,
                          width: 40,
                          height: 13,
                        ),
                        Container(
                          color: color,
                          width: 40,
                          height: 13,
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}