@violetprotocol/nudge-components/dist/src/atoms/GaugeHorizontal/GaugeHorizontal.stories.js

Components for Nudge's websites and applications.

import { jsx as _jsx } from "react/jsx-runtime";
import { GaugeHorizontal } from "./GaugeHorizontal";
const meta = {
    component: GaugeHorizontal,
    args: {
        percent: 35,
        color: "stroke-success-500",
        bgColor: "#13141c",
        length: 200,
        strokeWidth: 10,
    },
};
export default meta;
const argTypes = {
    percent: {
        control: {
            type: "range",
            min: 0,
            max: 100,
        },
    },
    color: {
        control: "color",
    },
    bgColor: {
        control: "color",
    },
};
export const Primary = {
    render: (args) => _jsx(GaugeHorizontal, { ...args }),
    argTypes,
};