import React from 'react';
import {
FunnelArc,
FunnelAxis,
FunnelAxisLine,
FunnelChart,
FunnelSeries,
TooltipArea
} from 'reaviz';
import { motion } from 'motion/react';
import { largeFunnelData, simpleFunnelData } from 'reaviz-data-utils';
import { schemes } from 'reaviz';
export default {
tags: ['snapshot'],
title: 'Blocks/Funnel Chart/Dark/Small',
component: FunnelChart
};
export const LargeDataset = () => {
return (
Incident Report
}
glow={{ blur: 30, color: '#E8404570' }}
/>
}
axis={
}
/>
}
/>
}
/>
);
};
export const Simple = () => {
return (
Incident Report
}
glow={{ blur: 30, color: '#5B14C599' }}
/>
}
axis={
}
/>
}
/>
}
/>
);
};
export const Layered = () => {
return (
Incident Report
}
variant="layered"
glow={{
blur: 30,
color: '#EE409499'
}}
/>
}
axis={
}
/>
}
/>
}
/>
);
};
export const Interpolation = () => {
return (
Incident Report
}
glow={{ blur: 30, color: '#40D3F465' }}
/>
}
axis={
}
/>
}
/>
}
/>
);
};