"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FlowButton = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const ArrowROutlineMd_1 = require("../../icons/ArrowROutlineMd");
const Typography_1 = require("../Typography");
const styles_1 = require("./styles");
exports.FlowButton = (0, react_1.forwardRef)((props, ref) => {
    const { children, targetText, ...restProps } = props;
    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { ref: ref, endIcon: (0, jsx_runtime_1.jsx)(ArrowROutlineMd_1.ArrowROutlineMd, {}), ...restProps, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledGrid, { container: true, children: [targetText && ((0, jsx_runtime_1.jsx)(styles_1.TargetTextWrapper, { variant: "pointer", children: targetText })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: children })] }) }));
});
exports.default = exports.FlowButton;
