{"size": 1117, "ext": "js", "max_stars_repo_path": "src/styling/navbar/bottomGridNavbar.js", "max_stars_repo_name": "lanzoninicola/lojasgaucha.com", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/styling/navbar/bottomGridNavbar.js", "max_issues_repo_name": "lanzoninicola/lojasgaucha.com", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/styling/navbar/bottomGridNavbar.js", "max_forks_repo_name": "lanzoninicola/lojasgaucha.com", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 22.7959183673, "max_line_length": 81, "alphanum_fraction": 0.606087735}
import * as React from "react"
import styled from "styled-components"

import { NavbarContainerGridStretch } from "@navbar/index"

const StyledBottomGridNavbar = styled(NavbarContainerGridStretch)`
  position: fixed;
  bottom: 0px;
  z-index: 999;

  background: ${({ theme }) => theme?.navbar?.mobile?.layout?.background};

  ${({ $style }) => $style ?? {}}
`

const BottomGridNavbar = ({ columns, h, height, children, ...props }) => {
  return (
    <StyledBottomGridNavbar
      id="StyledBottomGridNavbar"
      height={h ?? height}
      columns={columns}
      {...props}
    >
      {children}
    </StyledBottomGridNavbar>
  )
}

BottomGridNavbar.propTypes = {
  columns: (props, propName, componentName) => {
    if (
      props[propName] === undefined ||
      props[propName] === null ||
      typeof props[propName] !== "string"
    ) {
      return new Error(
        `
            ${componentName} - Prop "${propName}" with type "string" is required.

            This value defines the number of elements inside the navbar.
            
        `
      )
    }
  },
}

export default BottomGridNavbar
