import React from 'react';
import { Box, CurrentUserNav } from '../../index.js';
import StoryWrapper from '../../utils/story-wrapper.js';
export const Default = ({
  onClick,
  name,
  title,
  avatar
}) => {
  const handleClick = event => {
    event.preventDefault();
    onClick(event);
  };
  const dropActions = [{
    label: 'My Profile',
    onClick: handleClick,
    icon: 'User'
  }, {
    label: 'Log out',
    onClick: handleClick,
    icon: 'LogOut'
  }];
  const lineActions = [{
    label: 'Notification',
    onClick: handleClick,
    icon: 'Bell'
  }, {
    label: 'Settings',
    onClick: handleClick,
    icon: 'Settings'
  }];
  return /*#__PURE__*/React.createElement(StoryWrapper, {
    label: "Current user navigation"
  }, /*#__PURE__*/React.createElement(Box, {
    border: "default",
    flex: true,
    flexDirection: "row-reverse",
    height: "navbarHeight"
  }, /*#__PURE__*/React.createElement(CurrentUserNav, {
    name: name,
    title: title,
    avatarUrl: avatar,
    dropActions: dropActions,
    lineActions: lineActions
  })));
};
export default {
  title: 'DesignSystem/Organisms/CurrentUserNav',
  argTypes: {
    onClick: {
      action: 'clicked'
    },
    name: {
      defaultValue: 'Wojtek Krysiak',
      control: {
        type: 'text'
      }
    },
    title: {
      defaultValue: 'Admin',
      control: {
        type: 'text'
      }
    },
    avatar: {
      defaultValue: 'https://placekitten.com/40/40',
      control: {
        type: 'text'
      }
    }
  }
};