import { jsx as _jsx } from "react/jsx-runtime";
export function Chip({ title, customStyles }) {
    const buttonStyles = {
        padding: "4px 10px",
        borderRadius: "20px",
        border: "1px solid #C0272B",
        background: "white",
        fontSize: "10px",
        fontWeight: "700",
        lineHeight: "12px",
        ...(customStyles?.button || {}),
    };
    const divStyles = {
        display: "flex",
        alignItems: "baseline",
        color: "#c0272b",
        gap: "8px",
        ...(customStyles?.div || {}),
    };
    return (_jsx("button", { style: buttonStyles, "aria-label": `chip of ${title}`, children: _jsx("div", { style: divStyles, children: title }) }));
}
