import * as React from 'react'
import type { StoryFn, Meta } from '@storybook/react-webpack5'
import { GridCellNumeric } from '.'
import { theme } from '@planview/pv-utilities'

export default {
    title: 'pv-grid/Components/Cells/GridCellNumeric (Deprecated)',
    id: 'pv-grid/Components/Cells/GridCellNumeric',
    tags: ['autodocs'],
    component: GridCellNumeric,
    parameters: {
        badges: ['intl'],
    },
    args: {
        label: '100,000',
        tabIndex: 0,
    },
    argTypes: {},
} satisfies Meta<typeof GridCellNumeric>

export const Default: StoryFn<typeof GridCellNumeric> = (props) => (
    <GridCellNumeric {...props} />
)

/**
 * Read more on setting accessibility standard compliant background colors [here](https://design.planview.com/components/grid/grid-renderer-numeric#background-colors)
 */
export const BackgroundColor: StoryFn<typeof GridCellNumeric> = (props) => (
    <GridCellNumeric {...props} backgroundColor={theme.bloodOrange200} />
)