/*!
 * Copyright (c) Microsoft. All rights reserved.
 * Licensed under the MIT license. See LICENSE file in the project.
 */ import { jsx as _jsx } from "react/jsx-runtime";
import { Sparkline } from '@essex/charts-react';
import { memo } from 'react';
import { getValue } from '../ArqueroDetailsList.utils.js';
import { useCellDimensions } from '../hooks/index.js';
/**
 * Renders an array-valued cell as a sparkline.
 */ export const SparklineCell = /*#__PURE__*/ memo(function SparklineCell({ item , column , color  }) {
    const values = getValue(item, column) || [];
    const dimensions = useCellDimensions(column);
    return /*#__PURE__*/ _jsx(Sparkline, {
        data: values,
        width: dimensions.width,
        height: dimensions.height,
        color: color
    });
});
