import React from 'react';
import Hidden from '@digigov/ui/layouts/Hidden';

export default {
  title: 'Digigov UI/layouts/Hidden',
  component: Hidden,
  displayName: 'Hidden',
};

export const WithControls = {
  args: {
    children: 'Περιεχόμενο μέσα σε Hidden.',
    xsUpHidden: false,
    smUpHidden: false,
    mdUpHidden: false,
    lgUpHidden: false,
    xlUpHidden: false,
    xsHidden: false,
    smHidden: false,
    mdHidden: false,
    lgHidden: false,
    xlHidden: false,
  },
  argTypes: {
    children: {
      control: { type: 'text' },
    },
    xsUpHidden: {
      control: { type: 'boolean' },
    },
    smUpHidden: {
      control: { type: 'boolean' },
    },
    mdUpHidden: {
      control: { type: 'boolean' },
    },
    lgUpHidden: {
      control: { type: 'boolean' },
    },
    xlUpHidden: {
      control: { type: 'boolean' },
    },
    xsHidden: {
      control: { type: 'boolean' },
    },
    smHidden: {
      control: { type: 'boolean' },
    },
    mdHidden: {
      control: { type: 'boolean' },
    },
    lgHidden: {
      control: { type: 'boolean' },
    },
    xlHidden: {
      control: { type: 'boolean' },
    },
  },
  parameters: {
    controls: { exclude: ['ref'] },
  },
};