import React from 'react'
import { Input } from 'antd'
import { RegExpIsFloat } from '../../components/Table'

const { TextArea } = Input

export const v = (text) => (
  <div style={{
    display: 'flex',
    height: '180px',
    justifyContent: 'center'
  }}>
    <span
      style={{
        whiteSpace: 'pre',
        verticalAlign: 'center',
        textAlign: 'center',

        WebkitTransform: 'rotate(-90deg)',
        MozTransform: 'rotate(-90deg)',
        MsTransform: 'rotate(-90deg)',
        OTransform: 'rotate(-90deg)',
        transform: 'rotate(-90deg)',
      }}>
      {text}
    </span>
  </div>
)

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

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