export declare const header = "\n<style>\n  .placeholder-header-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 32px 30px;\n    width: 100%;\n    background-color: #f3f3f3;\n    box-sizing: border-box;\n  }\n  .placeholder-header-bar-one {\n    height: 12px;\n    width: 100px;\n    background-color: #e5e5e5;\n    border-radius: 6px;\n  }\n  .placeholder-header-bar-two {\n    height: 12px;\n    width: 60px;\n    background-color: #e5e5e5;\n    border-radius: 6px;\n    margin-left: 16px;\n    display: none;\n  }\n  .placeholder-header-bar-three {\n    height: 24px;\n    width: 80px;\n    background-color: #e5e5e5;\n    border-radius: 4px;\n    margin-left: auto;\n  }\n  .placeholder-header-text {\n    color: #b2b2b2;\n    position: absolute;\n    margin: 0;\n    font-size: 14px;\n  }\n  @media screen and (min-width: 768px) {\n    .placeholder-header-wrapper {\n      padding: 32px 60px;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .placeholder-header-bar-two {\n      display: block;\n    }\n    .placeholder-header-wrapper {\n      padding: 32px 100px;\n    }\n  }\n</style>\n<div class=\"placeholder-header-wrapper\">\n  <div class=\"placeholder-header-bar-one\">&nbsp</div>\n  <div class=\"placeholder-header-bar-two\">&nbsp</div>\n  <p class=\"placeholder-header-text\">\n    This is a placeholder for your header\n  </p>\n  <div class=\"placeholder-header-bar-three\">&nbsp</div>\n</div>\n";
export declare const content = "\n<style>\n  .placeholder-content-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    width: 100%;\n    background-color: #f3f3f3;\n    box-sizing: border-box;\n    padding-top: 24px;\n    padding-bottom: 38px;\n  }\n  .placeholder-content-text {\n    color: #b2b2b2;\n    text-align: center;\n    font-size: 14px;\n  }\n  .placeholder-content-bar {\n    background-color: #e5e5e5;\n    border-radius: 6px;\n  }\n  .placeholder-content-columns {\n    display: flex;\n    gap: 32px;\n    align-self: center;\n  }\n  .placeholder-content-column {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    display: none;\n  }\n  .placeholder-content-columns :nth-child(1){\n    display: flex;\n  }\n  @media screen and (min-width: 768px) {\n    .placeholder-content-columns :nth-child(2){\n      display: flex;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .placeholder-content-columns :nth-child(3){\n      display: flex;\n    }\n  }\n</style>\n<div class=\"placeholder-content-wrapper\">\n  <p class=\"placeholder-content-text\">\n    This is a placeholder for your content\n  </p>\n  <div class=\"placeholder-content-columns\">\n    <div class=\"placeholder-content-column\">\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 280px; height: 180px;\"\n      >&nbsp</div>\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 280px; height: 12px;\"\n      >&nbsp</div>\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 140px; height: 12px;\"\n      >&nbsp</div>\n    </div>\n    <div class=\"placeholder-content-column\">\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 280px; height: 180px;\"\n      >&nbsp</div>\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 280px; height: 12px;\"\n      >&nbsp</div>\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 140px; height: 12px;\"\n      >&nbsp</div>\n    </div>\n    <div class=\"placeholder-content-column\">\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 280px; height: 180px;\"\n      >&nbsp</div>\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 280px; height: 12px;\"\n      >&nbsp</div>\n      <div\n        class=\"placeholder-content-bar\"\n        style=\"width: 140px; height: 12px;\"\n      >&nbsp</div>\n    </div>\n  </div>\n</div>\n";
export declare const footer = "\n<style>\n  .placeholder-footer-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    width: 100%;\n    background-color: #f3f3f3;\n    box-sizing: border-box;\n    padding-top: 24px;\n    padding-bottom: 95px;\n  }\n  .placeholder-footer-text {\n    color: #b2b2b2;\n    text-align: center;\n    font-size: 14px;\n  }\n  .placeholder-footer-bar {\n    background-color: #e5e5e5;\n    border-radius: 6px;\n    width: 100px;\n    height: 12px;\n  }\n  .placeholder-footer-circle {\n    background-color: #e5e5e5;\n    border-radius: 100%;\n    width: 24px;\n    height: 24px;\n  }\n  .placeholder-footer-columns {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-width: 1px;\n    border-top-style: solid;\n    border-top-color: #e5e5e5;\n    padding-top: 18px;\n  }\n  .placeholder-footer-left {\n    display: flex;\n    gap: 30px;\n  }\n  .placeholder-footer-right {\n    display: none;\n    gap: 16px;\n  }\n  @media screen and (min-width: 768px) {\n    .placeholder-footer-right {\n      display: flex;\n    }\n    .placeholder-footer-columns {\n      justify-content: space-between;\n      padding-left: 60px;\n      padding-right: 60px;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .placeholder-footer-columns {\n      padding-left: 100px;\n      padding-right: 100px;\n    }\n  }\n</style>\n<div class=\"placeholder-footer-wrapper\">\n  <p class=\"placeholder-footer-text\">\n    This is a placeholder for your footer\n  </p>\n  <div class=\"placeholder-footer-columns\">\n    <div class=\"placeholder-footer-left\">\n      <div class=\"placeholder-footer-bar\">\n        &nbsp\n      </div>\n      <div class=\"placeholder-footer-bar\">\n        &nbsp\n      </div>\n      <div class=\"placeholder-footer-bar\">\n        &nbsp\n      </div>\n    </div>\n    <div class=\"placeholder-footer-right\">\n      <div class=\"placeholder-footer-circle\">\n        &nbsp\n      </div>\n      <div class=\"placeholder-footer-circle\">\n        &nbsp\n      </div>\n      <div class=\"placeholder-footer-circle\">\n        &nbsp\n      </div>\n    </div>\n  </div>\n</div>\n";
