【Claudeに怒られたから】ゴミアプリを作り続ける。RSSリーダー【10個目】

import { defineRecipe } from "@pandacss/dev"
export const tag = defineRecipe({
    className: "tag",
    base: {
        display: "inline-flex",
        alignItems: "center",
        justifyContent: "cener",
        padding: "4px 12px",
        borderRadius: "16px",
        fontSize: "12px",
        fontWeight: "500",
        cursor: "pointer",
        transition: "all 0.2s ease",
        border: "1px solid",
        whiteSpace: "nowrap",
        flesShrink: 0,
    },
    variants: {
        variant: {
            default: {
                backgroundColor: "#ffffff",
                borderColor: "#e5e7eb",
                color: "#374151",
                _hover: {
                    backgroundColor: "#f9fafb",
                    borderColor: "#d1d5db",
                },
            },
            selected: {
                backgroundColor: "#3b82f6",
                borderColor: "#3b82f6",
                color: "#ffffff",
                _hover: {
                    backgroundColor: "#2563eb",
                    borderColor: "#2563eb",
                },
            }
        }
    },
    defaultVariants: {
        variant: "default",
    },
});