const meta = {
    title: 'Components/CpslHero',
};
export default meta;
const ConnectionTemplate = () => `
<cpsl-hero variant="connection" title="Approve Transaction" subtitle="Please review the following transaction details">
  <cpsl-identicon size={62} hash="5yhg423546" slot="connectionLeft"></cpsl-identicon>
  <cpsl-identicon size={62} hash="884884fj4" slot="connectionRight"></cpsl-identicon>
</cpsl-hero>`;
const PendingTemplate = () => `<cpsl-hero variant="pending"></cpsl-hero>`;
const ApprovedTemplate = () => `<cpsl-hero variant="approved"></cpsl-hero>`;
const FailedTemplate = () => `<cpsl-hero variant="failed"></cpsl-hero>`;
export const Connection = ConnectionTemplate.bind({});
export const Pending = PendingTemplate.bind({});
export const Approved = ApprovedTemplate.bind({});
export const Failed = FailedTemplate.bind({});
//# sourceMappingURL=cpsl-hero.stories.js.map
