{"size": 1217, "ext": "js", "max_stars_repo_path": "src/stories/CheckboxWithLabel.stories.js", "max_stars_repo_name": "chira37/App", "max_stars_repo_stars_event_min_datetime": "2021-08-05T04:00:45.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-05T04:05:57.000Z", "max_issues_repo_path": "src/stories/CheckboxWithLabel.stories.js", "max_issues_repo_name": "chira37/App", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/stories/CheckboxWithLabel.stories.js", "max_forks_repo_name": "chira37/App", "max_forks_repo_forks_event_min_datetime": "2021-05-03T05:09:51.000Z", "max_forks_repo_forks_event_max_datetime": "2021-05-03T05:09:51.000Z"}
{"max_stars_count": 4, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 30.425, "max_line_length": 90, "alphanum_fraction": 0.6705012325}
import React from 'react';
import CheckboxWithLabel from '../components/CheckboxWithLabel';
import Text from '../components/Text';
import styles from '../styles/styles';

/**
 * We use the Component Story Format for writing stories. Follow the docs here:
 *
 * https://storybook.js.org/docs/react/writing-stories/introduction#component-story-format
 */
export default {
    title: 'Components/CheckboxWithLabel',
    component: CheckboxWithLabel,
};

// eslint-disable-next-line react/jsx-props-no-spreading
const Template = args => <CheckboxWithLabel {...args} />;

// Arguments can be passed to the component by binding
// See: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
export const Default = Template.bind({});
export const WithLabelComponent = Template.bind({});
Default.args = {
    isChecked: true,
    label: 'Plain text label',
    onPress: () => {},
};

WithLabelComponent.args = {
    isChecked: true,
    onPress: () => {},
    LabelComponent: () => (
        <>
            <Text style={[styles.textLarge]}>Test</Text>
            <Text style={[styles.textMicroBold]}> Test </Text>
            <Text style={[styles.textMicroSupporting]}>Test</Text>
        </>
    ),
};
