কাস্টম কম্পোনেন্ট ও পুনঃব্যবহারযোগ্যতা

# বেসিক উইজেট ফাংশন (L20-এর একই শেপ) + একটি কাস্টম Card কম্পোনেন্ট

def Text(content):
    return {"type": "Text", "props": {"content": content}, "children": []}

def Container(*children, direction="column"):
    return {"type": "Container", "props": {"direction": direction}, "children": list(children)}


def Card(title, subtitle):
    """কাস্টম কম্পোনেন্ট -- ছোট উইজেট কম্পোজ করে একটি সম্পূর্ণ উইজেট-সাবট্রি রিটার্ন করে।
    title/subtitle প্যারামিটারের ভিত্তিতে ভিন্ন ভিন্ন কনক্রিট আউটপুট তৈরি হয়।"""
    return {
        "type": "Card",
        "props": {"title": title, "subtitle": subtitle},
        "children": [
            Text(title),
            Text(subtitle),
        ],
    }


# একই Card() সংজ্ঞা -- তিনবার ভিন্ন ভিন্ন ডেটা দিয়ে ইনস্ট্যান্স করা
card1 = Card("প্রোডাক্ট: হেডফোন", "মূল্য: ১,২০০ টাকা")
card2 = Card("প্রোডাক্ট: কীবোর্ড", "মূল্য: ২,৫০০ টাকা")
card3 = Card("প্রোডাক্ট: মাউস", "মূল্য: ৬০০ টাকা")

cards = [card1, card2, card3]


def render(widget, x=0, y=0):
    """রিকার্সিভভাবে ট্রি ওয়াক করে প্রকৃত draw-operation লিস্ট তৈরি করে (L20-এর print_tree-এর মতো ধারণা,
    কিন্তু এখানে সরাসরি ড্র-অপারেশন ট্যুপল রিটার্ন করে)"""
    ops = []
    row_height = 22

    if widget["type"] == "Card":
        card_height = row_height * len(widget["children"]) + 12
        ops.append(("draw_rect", x, y, 220, card_height))
        inner_y = y + 8
        for child in widget["children"]:
            ops.extend(render(child, x + 12, inner_y))
            inner_y += row_height
    elif widget["type"] == "Text":
        ops.append(("draw_text", x, y, widget["props"]["content"]))

    return ops


print("=== তিনটি ভিন্ন Card ইনস্ট্যান্স রেন্ডার করা হচ্ছে ===\n")
cursor_y = 0
for i, card in enumerate(cards, start=1):
    ops = render(card, x=0, y=cursor_y)
    print(f"-- Card ইনস্ট্যান্স #{i} --")
    for op in ops:
        print(f"  {op}")
    cursor_y += 90

print(f"\nমোট ইনস্ট্যান্স সংখ্যা: {len(cards)}")
print(f"প্রতিটি ইনস্ট্যান্সের title আলাদা: {[c['props']['title'] for c in cards]}")