# Copyright 2020-2021 Lowdefy, Inc

# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at

#     http://www.apache.org/licenses/LICENSE-2.0

# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
- id: search_box
  type: Box
  layout:
    flex: 0 1 auto
    align: middle
  style:
    marginRight: 8
  blocks:
    - id: docsearch
      type: TextInput
      layout:
        flex: 0 1 auto
        align: middle
      properties:
        label:
          disabled: true
        placeholder: Search
    - id: docsearch_icon
      type: Icon
      layout:
        flex: 0 1 auto
        align: middle
      style:
        marginLeft: -22
      properties:
        name: SearchOutlined
- id: why_button
  type: Button
  visible:
    _not:
      _or:
        - _eq:
            - _media: size
            - md
        - _eq:
            - _media: size
            - sm
        - _eq:
            - _media: size
            - xs
  layout:
    flex: 1 0 auto
  properties:
    title: Why Lowdefy
    type: text
    size: large
  events:
    onClick:
      - id: website_link
        type: Link
        params:
          url: https://lowdefy.com
- id: tutorial_button
  type: Button
  visible:
    _not:
      _or:
        - _eq:
            - _media: size
            - md
        - _eq:
            - _media: size
            - sm
        - _eq:
            - _media: size
            - xs
  layout:
    flex: 1 0 auto
  properties:
    title: Getting Started
    type: text
    size: large
  events:
    onClick:
      - id: tutorial_link
        type: Link
        params:
          pageId: tutorial-start
- id: community_button
  type: Button
  visible:
    _not:
      _or:
        - _eq:
            - _media: size
            - sm
        - _eq:
            - _media: size
            - xs
  layout:
    flex: 1 0 auto
  properties:
    title: Join our Discord
    type: text
    size: large
  events:
    onClick:
      - id: website_link
        type: Link
        params:
          url: https://discord.gg/WmcJgXt
- id: github_button
  type: Button
  visible:
    _not:
      _or:
        - _eq:
            - _media: size
            - sm
        - _eq:
            - _media: size
            - xs
  layout:
    flex: 1 0 auto
  properties:
    title: Star on Github
    type: text
    icon: GithubFilled
    size: large
  events:
    onClick:
      - id: website_link
        type: Link
        params:
          url: https://github.com/lowdefy/lowdefy