import { FcrIconButton, FcrPretestDeviceIcon } from '.';
import { FcrIconType } from '../icon/type';
import { transI18n } from '../../i18n';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var meta = {
  title: 'Components/IconButton',
  tags: ['autodocs'],
  argTypes: {}
};
export var Basic = {
  args: {},
  render: function render() {
    return /*#__PURE__*/_jsx("div", {
      children: /*#__PURE__*/_jsxs("div", {
        style: {
          display: 'flex',
          flexWrap: 'wrap',
          gap: 10
        },
        children: [/*#__PURE__*/_jsx(FcrIconButton, {
          icon: FcrIconType.FCR_ALF2
        }), /*#__PURE__*/_jsx(FcrPretestDeviceIcon, {
          icon: FcrIconType.FCR_CAMERA,
          status: "active",
          tooltip: transI18n('fmt_device_label_video_start')
        }), /*#__PURE__*/_jsx(FcrPretestDeviceIcon, {
          icon: FcrIconType.FCR_CAMERA,
          status: "disabled",
          tooltip: "\u7981\u7528\u6444\u50CF\u5934"
        }), /*#__PURE__*/_jsx(FcrPretestDeviceIcon, {
          icon: FcrIconType.FCR_CAMERA,
          status: "idle",
          tooltip: "\u6444\u50CF\u5934"
        }), /*#__PURE__*/_jsx(FcrPretestDeviceIcon, {
          icon: FcrIconType.FCR_CAMERA,
          status: "inactive",
          tooltip: "\u6444\u50CF\u5934"
        })]
      })
    });
  }
};
export default meta;