import { jsx as _jsx } from "react/jsx-runtime";
import React, { forwardRef } from "react";
import { SmileOutlineIcon } from "./icons";
export const EmojiTrigger = forwardRef(function EmojiTrigger(props, ref) {
    const iconSize = Number(props["data-icon-size"] ?? 26);
    return (_jsx("button", { ref: ref, type: "button", "aria-label": "Emoji", ...props, style: {
            display: "inline-flex",
            alignItems: "center",
            justifyContent: "center",
            width: 32,
            height: 32,
            border: 0,
            background: "transparent",
            color: "inherit",
            cursor: "pointer",
            ...(props.style ?? {}),
        }, children: _jsx(SmileOutlineIcon, { size: iconSize }) }));
});
