import { formatDateAxis } from '@components/shared/DetailedAreaChart' import { useTheme } from 'next-themes' import { useMemo } from 'react' import { Area, AreaChart, ResponsiveContainer, XAxis, YAxis } from 'recharts' import { COLORS } from 'styles/colors' import { formatYAxis } from 'utils/formatting' const PriceChart = ({ prices, daysToShow, }: { prices: number[][] daysToShow: number }) => { const { theme } = useTheme() const change = useMemo(() => { return prices[prices.length - 1][1] - prices[0][1] }, [prices]) return (