{"size": 526, "ext": "js", "max_stars_repo_path": "src/components/sui-card/sui-card.stories.js", "max_stars_repo_name": "vinicius-pretto/shortly-ui", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/sui-card/sui-card.stories.js", "max_issues_repo_name": "vinicius-pretto/shortly-ui", "max_issues_repo_issues_event_min_datetime": "2021-05-11T16:52:08.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-19T03:55:56.000Z", "max_forks_repo_path": "src/components/sui-card/sui-card.stories.js", "max_forks_repo_name": "vinicius-pretto/shortly-ui", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 23.9090909091, "max_line_length": 139, "alphanum_fraction": 0.6787072243}
import notes from "./readme.md";

export default {
  title: "Components/Card",
  decorators: [],
  parameters: {
    notes
  }
};

const props = {
  cardTitle: "Brand Recognition",
  description:
    "Boost your brand recognition with each click. Generic links don’t mean a thing. Branded links help instil confidence in your content."
};

export const Default = () => {
  return `<sui-card card-title="${props.cardTitle}" description="${props.description}">
    <sui-statistics-icon></sui-statistics-icon>
  </sui-card>`;
};
