import { ThemeOverride, Label } from '@pega/cosmos-react-core';
export default {
    title: 'Core/Label',
    component: Label,
    excludeStories: ['ConfigurableLabel']
};
export const LabelDemo = (args) => {
    return <Label labelHidden={args.labelHidden}>Label</Label>;
};
LabelDemo.args = {
    labelHidden: false
};
LabelDemo.argTypes = {
    labelHidden: { control: { type: 'boolean' } }
};
export const ConfigurableLabel = (args) => {
    return (<ThemeOverride theme={{
            components: {
                label: {
                    'font-size': args.fontSize
                }
            }
        }}>
      <Label>Label</Label>
    </ThemeOverride>);
};
ConfigurableLabel.args = {
    fontSize: 'xs'
};
ConfigurableLabel.argTypes = {
    fontSize: { options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'], control: { type: 'select' } }
};
//# sourceMappingURL=Label.stories.jsx.map