slanted-gamedev-toolz/lib/components/CatDeckDealer/HandFooter.js

A slanted mix of tools for your brilliant ideas in game design.

import { jsx as _jsx } from "react/jsx-runtime";
import { textOutline } from "../GameCard/GameCardSx";
export const HandFooter = ({ hand }) => {
    if (hand?.length === 0) {
        return null;
    }
    return (_jsx("div", { style: {
            width: "100%",
            display: "flex",
            flexWrap: "wrap",
            flexDirection: "row",
            justifyContent: "center",
            background: "rgba(0,0,0,0.2)",
            border: "1px solid green",
            borderRadius: "10px",
            margin: "4px 0 30px 0",
            color: "white",
            ...textOutline.blackHalf,
        }, children: "Select 3 Cards" }));
};