import type { Meta, StoryObj } from '@storybook/react';
import RateBox from '../../components/ApexCharts/RateBox';
import NarrowContainer from "../../components/UI/Layout/NarrowContainer";

 /***
 * RateBox Chart component
 * 
 * If the rate prop is negative, the background color is red.
 */
const meta: Meta<typeof RateBox> = {
  title:'Components/Charts/RateBox',
  component: RateBox,
  decorators: [
    (Story) => (
      <NarrowContainer>
          <Story/>
      </NarrowContainer>
    ),
  ]
};
 
export default meta;
type Story = StoryObj<typeof RateBox>;
 
export const RateBoxEx: Story = {
  args: {
    rate: '10',
    top: 10,
    left: 10
  },
  argTypes: {
    
 },
};