{"version":3,"file":"ClearButton.mjs","names":["common"],"sources":["../../../src/base-ui/Input/ClearButton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo } from 'react';\n\nimport common from '@/i18n/resources/en/common';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\ninterface ClearButtonProps {\n  className?: string;\n  onClear: () => void;\n}\n\nconst ClearButton = memo<ClearButtonProps>(({ className, onClear }) => {\n  const { t } = useTranslation(common);\n\n  return (\n    <button\n      aria-label={t('common.clear')}\n      className={cx(styles.clear, className)}\n      data-lobe-input-clear=\"\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={onClear}\n      onMouseDown={(event) => event.preventDefault()}\n    >\n      <Icon icon={X} size={10} style={{ strokeWidth: 3 }} />\n    </button>\n  );\n});\n\nClearButton.displayName = 'InputClearButton';\n\nexport default ClearButton;\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,cAAc,MAAwB,EAAE,WAAW,cAAc;CACrE,MAAM,EAAE,MAAM,eAAeA,cAAM;CAEnC,OACE,oBAAC,UAAD;EACE,cAAY,EAAE,cAAc;EAC5B,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,yBAAsB;EACtB,UAAU;EACV,MAAK;EACL,SAAS;EACT,cAAc,UAAU,MAAM,eAAe;EAE7C,UAAA,oBAAC,MAAD;GAAM,MAAM;GAAG,MAAM;GAAI,OAAO,EAAE,aAAa,EAAE;EAAI,CAAA;CAC/C,CAAA;AAEZ,CAAC;AAED,YAAY,cAAc"}