import React, { useCallback } from "react";
import { Text } from "@netdata/netdata-ui";
import { MenuItem } from "../../menus";
import Wrapper from "./wrapper";
const OffsetItem = ({ name, offset, utc, onSelect }) => {
    const onClick = useCallback(() => onSelect(utc), [utc, onSelect]);
    return (React.createElement(MenuItem, { round: 1, onClick: onClick, Wrapper: Wrapper },
        React.createElement(Text, { color: "text" }, name),
        React.createElement(Text, { color: "textLite", whiteSpace: "nowrap" },
            "UTC ",
            offset)));
};
export default OffsetItem;
//# sourceMappingURL=offsetItem.js.map