import React from 'react';
import { Wrapper } from '@lendi/ui/Layout';

const Content = ({ heading, description }: any) => {
  return (
    <>
      <h2 style={{ marginTop: '0' }}>{heading}</h2>
      <p>{description}</p>
    </>
  );
};

export const MaxWidthOptions = (args) => (
  <>
    <Wrapper>
      <Content heading="Max width  xxl (default)" description="This container has a max width of 1320px" />
    </Wrapper>

    <Wrapper maxWidth="xl">
      <Content heading="Max width  xl" description="This container has a max width of 1140px" />
    </Wrapper>
  </>
);

export default MaxWidthOptions;