import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ChevronRightIcon } from '../../../../lib/icons/ChevronRight.js';
export function ShowAllDevicesButton({ onClick, visible, expanded, totalDeviceCount, }) {
    if (!visible) {
        return null;
    }
    const label = expanded ? t.showLess : t.showAll(totalDeviceCount);
    return (_jsxs("button", { className: 'show-all-devices-button', onClick: onClick, children: [_jsx(ChevronRightIcon, {}), " ", label] }));
}
const t = {
    showLess: 'Show less',
    showAll: (count) => `See all ${count} devices`,
};
//# sourceMappingURL=ShowAllDevicesButton.js.map