import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { StyledToggleButton } from './styles';
import { useLogic } from './useLogic';
export const ToggleButton = forwardRef((props, ref) => {
    const { isVisibleCounter, children, disabled, counterLabel, color, selected, restProps, variant, } = useLogic(props);
    return (_jsxs(StyledToggleButton, { ref: ref, disabled: disabled, selected: selected, ...restProps, "$color": color, "$variant": variant, children: [children, isVisibleCounter && _jsxs(_Fragment, { children: [" \u00B7 ", counterLabel] })] }));
});
