declare const DocsCardBasicCode = "import {\n  Card,\n  CardBody,\n  CardFooter,\n} from '@ht2-labs/mural/cards';\nimport { P } from '@ht2-labs/mural/text';\n\nexport default () => {\n  return(\n    <Card title=\"Card Title\">\n      <CardBody>\n        <P>Card Body</P>\n      </CardBody>\n      <CardFooter>Card Footer</CardFooter>\n    </Card>\n  );\n}\n";
declare const DocsCardOnClickCode = "import {\n  Card,\n  CardBody,\n  CardFooter,\n} from '@ht2-labs/mural/cards';\n\nimport { P } from '@ht2-labs/mural/text';\n\nexport default () => {\n  <Card title=\"A Clickable Card\" onClick={() => null}>\n    <CardBody>\n      <P>This whole card is clickable - woo!</P>\n    </CardBody>\n    <CardFooter>Card Footer Text</CardFooter>\n  </Card>\n}\n";
declare const DocsCardHeroTextCode = "import {\n  Card,\n  CardHeroText,\n} from '@ht2-labs/mural/cards';\nimport { H2 } from '@ht2-labs/mural/text';\n\nexport default () => {\n  return(\n    <Card\n      backgroundColor={({theme}) => theme.color.Disabled}\n    >\n      <CardHeroText>\n        <H2\n          color={({theme}: any) => theme.color.DisabledText}\n          size={Size.Large}\n          alignment={Align.Center}\n        >Shared components!</H2>\n      </CardHeroText>\n    </Card>\n  );\n}\n";
declare const DocsCardHeaderCode = "import {\n  ButtonGroup,\n  ButtonInvisible,\n} from '@ht2-labs/mural/buttons';\nimport {\n  Card,\n  CardBody,\n  CardFooter,\n} from '@ht2-labs/mural/cards';\nimport { P } from '@ht2-labs/mural/text';\n\nexport default = ({overlayContent}) => {\n  return(\n    <Card overlayContent={overlayContent}>\n      <CardBody>\n        <strong>The new home for all shared components</strong>\n      </CardBody>\n      <CardFooter padding=\"0\">\n          <ButtonGroup>\n            <ButtonInvisible>First</ButtonInvisible>\n            <ButtonInvisible>Second</ButtonInvisible>\n          </ButtonGroup>\n      </CardFooter>\n    </Card>\n  );\n}\n";
declare const DocsCardOverlayCode = "import {\n  ButtonGroup,\n  ButtonInvisible,\n} from '@ht2-labs/mural/buttons';\nimport {\n  Card,\n  CardBody,\n  CardFooter,\n} from '@ht2-labs/mural/cards';\nimport { H2, H4, P } from '@ht2-labs/mural/text';\nimport { Align } from '@ht2-labs/mural/utils/AlignmentProps';\n\n\nexport default ({overlayContent}) => {\n  return(\n    <Card\n      headerColor={({theme}) => theme.color.Secondary}\n      title={<H4>Hello this is a test</H4>}\n      overlayContent={overlayContent}\n    >\n      <CardBody>\n        <H2 size={Size.Large}>Shared components!</H2>\n        <P>Shared components!</P>\n      </CardBody>\n    </Card>\n  );\n}\n";
declare const DocsCardMediaCode = "import {\n  Card,\n  CardBody,\n  CardFooter,\n} from '@ht2-labs/mural/cards';\nimport { Media } from '@ht2-labs/mural/media';\nimport { P } from '@ht2-labs/mural/text';\n\nexport default () => {\n  return(\n    <Card>\n      <Media\n        url=\"https://images.unsplash.com/photo-1535191162489-aaec838b5221?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=602ef4d589c4a74e3222e97404621df8&auto=format&fit=crop&w=1000&q=50\"\n      />\n      <CardBody>\n        <P>Card Body</P>\n      </CardBody>\n      <CardFooter>Card Footer</CardFooter>\n    </Card>\n  );\n}\n";
export { DocsCardBasicCode, DocsCardHeroTextCode, DocsCardHeaderCode, DocsCardOverlayCode, DocsCardOnClickCode, DocsCardMediaCode, };