{"version":3,"names":["profileCardCss","ProfileCard","render","h","class","name","href","this","target","buttonText"],"sources":["./src/components/profile-card/profile-card.scss?tag=profile-card","./src/components/profile-card/profile-card.tsx"],"sourcesContent":[".profile-card {\r\n  height:100%;\r\n  border: 1px solid var(--gray-500);\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content: space-between;\r\n  //margin: 0 3rem;\r\n  \r\n  \r\n  &-header {\r\n    background-color: rgba(13, 110, 253, .1);\r\n    border-bottom: 1px solid var(--gray-500);\r\n    \r\n  }\r\n  &-icon {\r\n    height: 80px;\r\n    width: 80px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--gray-500);\r\n    position: relative;\r\n    top:40px;\r\n    margin: 0 auto;\r\n    background-color: #fff;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    img{\r\n      width:100%;\r\n      height:100%;\r\n      object-fit: cover;\r\n    }\r\n    svg {\r\n      position: relative;\r\n      top:20px;\r\n      fill: var(--primary);\r\n      height: 40px;\r\n      width: 40px;\r\n    }\r\n  }\r\n  &-body {\r\n    min-height:10rem;\r\n    padding:3rem 1rem 2rem 1rem;\r\n    text-align: center;\r\n    height:100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n\r\n    h2 {\r\n      font-size:1.25rem;\r\n      font-weight: 700;\r\n    }\r\n    a.btn {\r\n      width:100%;\r\n      font-weight: bolder;\r\n      margin-top:1rem;\r\n      svg {\r\n        \r\n        margin-left:1rem;\r\n      }\r\n    }\r\n\r\n    \r\n  }\r\n\r\n}","import { Component, Host, h, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'profile-card',\r\n    styleUrl: 'profile-card.scss',\r\n    shadow: false,\r\n    scoped: false\r\n\r\n})\r\n\r\n\r\nexport class ProfileCard {\r\n  @Prop() buttonText: string;\r\n  @Prop() href: string;\r\n  @Prop() target: string = \"\"\r\n  render() {\r\n    return (\r\n      <div class=\"profile-card\">\r\n        <div class=\"profile-card-header\">\r\n          <div class=\"profile-card-icon\">\r\n            <slot name=\"image\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"profile-card-body\">\r\n          <slot />\r\n          <a class=\"btn btn-outline-primary\" href={this.href} target={this.target}>\r\n            {this.buttonText}\r\n            <i class=\"bi bi-arrow-right ml-1\"></i>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n}\r\n\r\n"],"mappings":"sCAAA,MAAMA,EAAiB,i5B,MCWVC,EAAW,M,mFAGG,E,CACzBC,SACE,OACEC,EAAA,OAAKC,MAAM,gBACTD,EAAA,OAAKC,MAAM,uBACTD,EAAA,OAAKC,MAAM,qBACTD,EAAA,QAAME,KAAK,YAGfF,EAAA,OAAKC,MAAM,qBACTD,EAAA,aACAA,EAAA,KAAGC,MAAM,0BAA0BE,KAAMC,KAAKD,KAAME,OAAQD,KAAKC,QAC9DD,KAAKE,WACNN,EAAA,KAAGC,MAAM,6B"}