<commit_before>import React from 'react';
import { action } from '@storybook/addon-actions';

import { State } from '@storybook/api';
import Panel from './panel';
import { panels } from '../layout/app.mockdata';

const onSelect = action('onSelect');
const toggleVisibility = action('toggleVisibility');
const togglePosition = action('togglePosition');

const shortcuts = { panelPosition: 'A', togglePanel: 'B' } as State['Shortcuts'];

export default {
  title: 'UI/Panel',
  component: Panel,
};

export const Default = () => (
  <Panel
    absolute={false}
    panels={panels}
    actions={{ onSelect, toggleVisibility, togglePosition }}
    selectedPanel="test2"
    shortcuts={shortcuts}
  />
);

export const NoPanels = () => (
  <Panel
    panels={{}}
    actions={{ onSelect, toggleVisibility, togglePosition }}
    shortcuts={shortcuts}<commit_msg>use small caps when refering to shortcuts interface in state<commit_after>import React from 'react';
import { action } from '@storybook/addon-actions';

import { State } from '@storybook/api';
import Panel from './panel';
import { panels } from '../layout/app.mockdata';

const onSelect = action('onSelect');
const toggleVisibility = action('toggleVisibility');
const togglePosition = action('togglePosition');

const shortcuts = { panelPosition: 'A', togglePanel: 'B' } as State['shortcuts'];

export default {
  title: 'UI/Panel',
  component: Panel,
};

export const Default = () => (
  <Panel
    absolute={false}
    panels={panels}
    actions={{ onSelect, toggleVisibility, togglePosition }}
    selectedPanel="test2"
    shortcuts={shortcuts}
  />
);

export const NoPanels = () => (
  <Panel
    panels={{}}
    actions={{ onSelect, toggleVisibility, togglePosition }}
    shortcuts={shortcuts}
{'fraction_non_alphanumeric': 0.1489482660602615, 'fraction_numerical': 0.0011370096645821489, 'mean_word_length': 4.67741935483871, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7580323', 'n_tokens_mistral': 511, 'n_tokens_neox': 506, 'n_words': 138}