import React from 'react';
import { Meta, Story } from '@storybook/react';
import {
  OrganismGlobalHeader,
  IGobalHeaderProps,
} from 'native/organisms/GlobalHeader';
const meta: Meta = {
  title: 'React Native/organisms/GlobalHeader',
  component: OrganismGlobalHeader,
  argTypes: {
    menuElements: {},
    isClosed: {table: {disable: true}},
    handleClickSingUp: {table: {disable: true}},
    handleClickLogin: {table: {disable: true}},
    handleClickUser: {table: {disable: true}},
    handleClickLogOut: {table: {disable: true}},
    handleTabOnClick: {table: {disable: true}},
    withHook: {table: {disable: true}},
    onClick: {table: {disable: true}},
    styles: {table: {disable: true}},
    type: {table: {disable: true}},
    handleClick: {table: {disable: true}},
    colorProgress: {table: {disable: true}},
  },
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateGlobalHeader: Story<IGobalHeaderProps> = (props) => (
  <OrganismGlobalHeader {...props} />
);

export const GlobalHeader = TemplateGlobalHeader.bind({});

GlobalHeader.args = {
  isAvailable: true,
  logged: true,
  actualPoints: 2000,
  actualTier: 'Silver Tier',
  nextPoints: 1000,
  nextTier: 'Gold Tier',
  iconName: 'tier_silver',
  userName: 'Thomas',
  greetings: 'Cheers',
};
