import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { ArrowROutlineMd } from '../../icons/ArrowROutlineMd';
import { Typography } from '../Typography';
import { StyledButton, StyledGrid, TargetTextWrapper } from './styles';
export const FlowButton = forwardRef((props, ref) => {
    const { children, targetText, ...restProps } = props;
    return (_jsx(StyledButton, { ref: ref, endIcon: _jsx(ArrowROutlineMd, {}), ...restProps, children: _jsxs(StyledGrid, { container: true, children: [targetText && (_jsx(TargetTextWrapper, { variant: "pointer", children: targetText })), _jsx(Typography, { variant: "h6", children: children })] }) }));
});
export default FlowButton;
