import AccessTimeIcon from '@mui/icons-material/AccessTime';
import { Tooltip, useMediaQuery } from '@mui/material';
import Box from '@mui/material/Box';
import PropTypes from 'prop-types';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default function ChipLabel({
  children
}) {
  const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
  if (isMobile) {
    return /*#__PURE__*/_jsx(Tooltip, {
      enterDelay: 500,
      leaveDelay: 2000,
      title: typeof children === 'string' ? children : '',
      children: /*#__PURE__*/_jsx(Box, {
        sx: {
          display: 'flex',
          alignItems: 'center',
          gap: 1
        },
        children: /*#__PURE__*/_jsx(AccessTimeIcon, {
          fontSize: "small"
        })
      })
    });
  }
  return /*#__PURE__*/_jsxs(Box, {
    sx: {
      display: 'flex',
      alignItems: 'center',
      gap: 1
    },
    children: [/*#__PURE__*/_jsx(AccessTimeIcon, {
      fontSize: "small"
    }), children]
  });
}
ChipLabel.propTypes = {
  children: PropTypes.node.isRequired
};