bs_card:
  namespace: "Molecules/Bootstrap"
  use: "@molecules/tm-bs/card/card.twig"
  label: Card
  description: TM/Boostrap Standard Card
  libraries:
    - card_lib:
        css:
          component:
            ../styles/card.css: { weight: 10 }

  fields:
    img_url:
      type: text
      label: The image url
      description: The image url
      preview: "https://picsum.photos/540/260?rnd=a1"
    img_alt:
      type: text
      label: The alt text
      description: The alt text
      preview: "alt-text-test"
    card_link:
      type: text
      label: Card link
      description: Card link
      preview: "#"
    header_content:
      type: text
      label: Header content
      description: Header content
      preview: "<h2>Card title</h2>"
    body_content:
      type: text
      label: Body content
      description: Body content
      preview: "<p class='m-0'>Card body content. Lorem ipsum, etc, etc, etc.</p>"
    footer_content:
      type: text
      label: Footer content
      description: Footer content
      preview: "<button class='btn btn-primary m-0 frc'>Card body footer button</button>"

  settings:
    link_scope:
      type: select
      label: Link Scope
      default_value: card
      preview: card
      description: Link Scope. This can be whole card or a section. Often this is none as the link is in the readmore.
      options:
        card: Whole card
        header: Header only
        body: Body only
        footer: Footer only
        top: Body and Header
        bottom: Body and Footer
    show_header:
      type: boolean
      label: Show header
      default_value: true
      preview: true
    show_footer:
      type: boolean
      label: Show footer
      default_value: true
      preview: true
    card_boardered:
      type: boolean
      label: Card with boarder
      default_value: true
      preview: true
    card_rounded:
      type: boolean
      label: Card with rounded edges
      default_value: true
      preview: true
    card_attributes:
      type: attributes
      label: Card attributes
      description: Card attributes, this can be a link
    card_class:
      type: textfield
      label: Card class
      description: Card class
    content_attributes:
      type: attributes
      label: Content attributes
      description: Content attributes
    content_class:
      type: textfield
      label: Content class
      description: Content class
