/* eslint-disable react/prop-types */
// @ts-nocheck
import React from "react";
import { useDateTime } from "../../../../../../utils/date-time";
import Item from "./item";
import Section from "./section";
const DateItem = ({ date, title }) => {
    const { localeDateString, localeTimeString } = useDateTime();
    return (React.createElement(Item, { icon: "around_clock", title: title, secondary: `${localeDateString(date)} | ${localeTimeString(date)}` }));
};
const DateSection = ({ before, after }) => (React.createElement(Section, { title: "Time" },
    React.createElement(DateItem, { title: "From", date: after }),
    React.createElement(DateItem, { title: "To", date: before })));
export default DateSection;
//# sourceMappingURL=dateSection.js.map