import { Input } from 'antd'

import { RegExpIsFloat } from '@components/Table'

import '@styles/measure.css'

export const v = (text) => (
  <div className={'v-div'}>
    <span className={'v-span'}>
      {text}
    </span>
  </div>
)

export const numericColumnOptions = {
  editable: true,
  initialValue: 0,
  width: '3rem',
  formItemRules: [
    {
      required: true,
      message: `Введите число`,
      pattern: RegExpIsFloat,
    },
  ],
};

export const textColumnOptions = {
  editable: true,
  input: <Input.TextArea/>,
  width: '3rem',
  formItemRules: [{
    required: true,
    message: `Введите текст`
  }],
}