import {
  applicationConfig,
  Meta,
  moduleMetadata,
  StoryObj,
} from '@storybook/angular';
import { AngularSvgIconModule } from 'angular-svg-icon';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { importProvidersFrom } from '@angular/core';
import { NgxMaskModule } from 'ngx-mask';

// components
import { CaRightSidePanelComponent } from './ca-right-side-panel.component';

// constants
import { ActivityLogDataConstants } from '../ca-activity-log-list/utils/constants';
import {
  ActivityLogFilterDataConstants,
  CompaniesSidePanelNavigationConstants,
} from './utils/constants';

const meta: Meta<any> = {
  title: 'Example/CaRightSidePanelComponent',
  component: CaRightSidePanelComponent,
  tags: ['autodocs'],
  decorators: [
    applicationConfig({
      providers: [importProvidersFrom(BrowserAnimationsModule)],
    }),
    moduleMetadata({
      imports: [AngularSvgIconModule.forRoot(), NgxMaskModule.forRoot()],
    }),
  ],
};

export default meta;
type Story = StoryObj<any>;
export const RightSidePanel: Story = {
  args: {
    companiesData: CompaniesSidePanelNavigationConstants.COMPANIES,
    activityLogData: ActivityLogDataConstants.ACTIVITY_LOG_ARRAY,
    mainCompanyData: CompaniesSidePanelNavigationConstants.MAIN_COMPANY,
    usersFilter: ActivityLogFilterDataConstants.USERS_FILTER_ARRAY,
    modulesFilter: ActivityLogFilterDataConstants.MODULES_FILTER_ARRAY,
    actionsFilter: ActivityLogFilterDataConstants.ACTIONS_FILTER_ARRAY,
  },
};