{"version":3,"file":"TimePresetGroup.mjs","names":[],"sources":["../../../../src/components/TimePicker/TimePresets/TimePresetGroup.tsx"],"sourcesContent":["import { SimpleGrid } from '@mantine/core';\nimport { useTimePickerContext } from '../TimePicker.context';\nimport { TimePickerAmPmLabels, TimePickerFormat, TimePickerPresetGroup } from '../TimePicker.types';\nimport { isSameTime } from '../utils/is-same-time/is-same-time';\nimport { TimePresetControl } from './TimePresetControl';\n\ninterface TimePresetGroupProps {\n  value: string;\n  data: TimePickerPresetGroup;\n  onChange: (value: string) => void;\n  format: TimePickerFormat;\n  amPmLabels: TimePickerAmPmLabels;\n  withSeconds: boolean;\n}\n\nexport function TimePresetGroup({\n  value,\n  data,\n  onChange,\n  format,\n  amPmLabels,\n  withSeconds,\n}: TimePresetGroupProps) {\n  const ctx = useTimePickerContext();\n\n  const items = data.values.map((item) => (\n    <TimePresetControl\n      key={item}\n      value={item}\n      format={format}\n      amPmLabels={amPmLabels}\n      withSeconds={withSeconds}\n      active={isSameTime({ time: item, compare: value, withSeconds })}\n      onChange={onChange}\n    />\n  ));\n\n  return (\n    <div {...ctx.getStyles('presetsGroup')}>\n      <div {...ctx.getStyles('presetsGroupLabel')}>{data.label}</div>\n      <SimpleGrid cols={withSeconds ? 2 : 3} spacing={4}>\n        {items}\n      </SimpleGrid>\n    </div>\n  );\n}\n\nTimePresetGroup.displayName = '@mantine/dates/TimePresetGroup';\n"],"mappings":";;;;;;;AAeA,SAAgB,gBAAgB,EAC9B,OACA,MACA,UACA,QACA,YACA,eACuB;CACvB,MAAM,MAAM,qBAAqB;CAEjC,MAAM,QAAQ,KAAK,OAAO,KAAK,SAC7B,oBAAC,mBAAD;EAEE,OAAO;EACC;EACI;EACC;EACb,QAAQ,WAAW;GAAE,MAAM;GAAM,SAAS;GAAO;EAAY,CAAC;EACpD;CACX,GAPM,IAON,CACF;CAED,OACE,qBAAC,OAAD;EAAK,GAAI,IAAI,UAAU,cAAc;YAArC,CACE,oBAAC,OAAD;GAAK,GAAI,IAAI,UAAU,mBAAmB;aAAI,KAAK;EAAW,CAAA,GAC9D,oBAAC,YAAD;GAAY,MAAM,cAAc,IAAI;GAAG,SAAS;aAC7C;EACS,CAAA,CACT;;AAET;AAEA,gBAAgB,cAAc"}