import React from 'react';
import { Box, Button, Flexbox, PageHeaderCard, Typography } from '../..';
export default {
  title: 'Molecules / PageHeader',
  parameters: {
    component: PageHeaderCard
  }
};
export var RegularPageHeader = {
  render: function render() {
    return React.createElement(PageHeaderCard, {
      title: "Your darkest loaves"
    });
  },
  name: 'Regular page header'
};
export var PageHeaderWithChildren = {
  render: function render() {
    return React.createElement(PageHeaderCard, {
      title: "Your darkest loaves"
    }, React.createElement(Box, {
      py: 2,
      sm: {
        py: 0
      }
    }, React.createElement(Flexbox, {
      container: true,
      gap: 2,
      alignItems: "center",
      justifyContent: "space-between"
    }, React.createElement(Flexbox, {
      item: true
    }, "The eternal loremipsum, The portuguese friend"), React.createElement(Flexbox, {
      item: true
    }, React.createElement(Button, null, "Click here to recruit carl")))));
  }
};
export var PageHeaderReactNodeTitle = {
  render: function render() {
    return React.createElement(PageHeaderCard, {
      title: React.createElement(Typography, {
        type: "title2",
        as: "h1"
      }, "I am a ReactNode")
    });
  },
  name: 'Page header ReactNode title'
};