{"ast":null,"code":"import React, { useEffect } from 'react';\nimport { Link } from '@patternfly/documentation-framework/components';\nimport { Button, Card, CardTitle, CardBody, CardFooter, CardHeaderMain, EmptyState, EmptyStateBody, EmptyStateIcon, Grid, GridItem, PageSection, TextInput, Title } from '@patternfly/react-core';\nimport { attachDocSearch } from '../../layouts/sideNavLayout/sideNavLayout';\nimport PathMissingIcon from './404.svg';\nimport PatternFlyIcon from './patternfly-flat.svg';\nimport GuidelinesIcon from './guidelines.svg';\nimport ComponentsIcon from './components.svg';\nimport ChartIcon from './chart.svg';\nimport './404.css';\n\nvar Card404 = function Card404(_ref) {\n  var img = _ref.img,\n      alt = _ref.alt,\n      title = _ref.title,\n      body = _ref.body,\n      _ref$link = _ref.link,\n      text = _ref$link.text,\n      to = _ref$link.to;\n  return React.createElement(GridItem, {\n    xl: 3,\n    md: 6,\n    xs: 12\n  }, React.createElement(Card, {\n    style: {\n      height: '340px'\n    }\n  }, React.createElement(CardHeaderMain, {\n    className: \"ws-404-card-header\"\n  }, React.createElement(\"img\", {\n    src: img,\n    alt: alt,\n    width: \"64px\"\n  })), React.createElement(CardTitle, null, title), React.createElement(CardBody, null, body), React.createElement(CardFooter, null, React.createElement(Link, {\n    to: to\n  }, text))));\n};\n\nvar Page404 = function Page404() {\n  var algolia = process.env.algolia;\n  useEffect(function () {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    if (algolia) {\n      attachDocSearch(algolia, '#ws-404-search', 1000);\n    }\n  });\n  return React.createElement(PageSection, null, React.createElement(EmptyState, {\n    variant: \"xl\"\n  }, React.createElement(EmptyStateIcon, {\n    icon: function icon() {\n      return React.createElement(\"img\", {\n        src: PathMissingIcon,\n        alt: \"Missing path\",\n        width: \"128px\"\n      });\n    }\n  }), React.createElement(Title, {\n    headingLevel: \"h1\",\n    size: \"2xl\"\n  }, \"404: That page no longer exists\"), React.createElement(\"p\", {\n    style: {\n      marginTop: 'var(--pf-global--spacer--sm)'\n    }\n  }, \"Another page might have the information you need, so try searching PatternFly.\"), React.createElement(EmptyStateBody, null, React.createElement(\"div\", {\n    id: \"ws-404-search-wrapper\"\n  }, React.createElement(TextInput, {\n    id: \"ws-404-search\",\n    type: \"text\",\n    placeholder: \"Search PatternFly\"\n  })))), React.createElement(Grid, {\n    hasGutter: true\n  }, React.createElement(Card404, {\n    img: PatternFlyIcon,\n    alt: \"PatternFly icon\",\n    title: \"Getting started\",\n    body: \"Learn about designing and developing with PatternFly.\",\n    link: {\n      text: 'View getting started resources',\n      to: '/get-started/about'\n    }\n  }), React.createElement(Card404, {\n    img: GuidelinesIcon,\n    alt: \"Guidelines icon\",\n    title: \"Guidelines\",\n    body: \"Check out PatternFly's design approach to icons, colors, and more.\",\n    link: {\n      text: 'View guidelines',\n      to: '/guidelines/colors'\n    }\n  }), React.createElement(Card404, {\n    img: ComponentsIcon,\n    alt: \"Components icon\",\n    title: \"Components\",\n    body: \"Start creating your applications with components -- the building blocks of user interfaces.\",\n    link: {\n      text: 'View components',\n      to: '/components/about-modal'\n    }\n  }), React.createElement(Card404, {\n    img: ChartIcon,\n    alt: \"Chart icon\",\n    title: \"Charts\",\n    body: \"Visualize your facts and figures by designing the right charts for your data.\",\n    link: {\n      text: 'View charts',\n      to: '/charts/about'\n    }\n  })), React.createElement(\"div\", {\n    className: \"ws-404-button-wrapper\"\n  }, React.createElement(Button, {\n    variant: \"primary\",\n    component: Link,\n    to: \"/\"\n  }, \"Return to home page\")));\n};\n\nexport default Page404;","map":{"version":3,"names":["React","useEffect","Link","Button","Card","CardTitle","CardBody","CardFooter","CardHeaderMain","EmptyState","EmptyStateBody","EmptyStateIcon","Grid","GridItem","PageSection","TextInput","Title","attachDocSearch","PathMissingIcon","PatternFlyIcon","GuidelinesIcon","ComponentsIcon","ChartIcon","Card404","img","alt","title","body","link","text","to","height","Page404","algolia","process","env","window","marginTop"],"sources":["/Users/ausulliv/repos/temp/patternfly-react/node_modules/@patternfly/documentation-framework/pages/404/index.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Link } from '@patternfly/documentation-framework/components';\nimport {\n  Button,\n  Card,\n  CardTitle,\n  CardBody,\n  CardFooter,\n  CardHeaderMain,\n  EmptyState,\n  EmptyStateBody,\n  EmptyStateIcon,\n  Grid,\n  GridItem,\n  PageSection,\n  TextInput,\n  Title\n} from '@patternfly/react-core';\nimport { attachDocSearch } from '../../layouts/sideNavLayout/sideNavLayout';\nimport PathMissingIcon from './404.svg';\nimport PatternFlyIcon from './patternfly-flat.svg';\nimport GuidelinesIcon from './guidelines.svg';\nimport ComponentsIcon from './components.svg';\nimport ChartIcon from './chart.svg';\nimport './404.css';\n\nconst Card404 = ({\n  img,\n  alt,\n  title,\n  body,\n  link: {\n    text,\n    to\n  }\n}) => (\n  <GridItem xl={3} md={6} xs={12}>\n    <Card style={{ height: '340px' }}>\n      <CardHeaderMain className=\"ws-404-card-header\">\n        <img src={img} alt={alt} width=\"64px\" />\n      </CardHeaderMain>\n      <CardTitle>\n        {title}\n      </CardTitle>\n      <CardBody>\n        {body}\n      </CardBody>\n      <CardFooter>\n        <Link to={to}>\n          {text}\n        </Link>\n      </CardFooter>\n    </Card>\n  </GridItem>\n);\n\nconst Page404 = () => {\n  const algolia = process.env.algolia;\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    if (algolia) {\n      attachDocSearch(algolia, '#ws-404-search', 1000);\n    }\n  });\n  \n  return (\n    <PageSection>\n      <EmptyState variant=\"xl\">\n        <EmptyStateIcon icon={() => <img src={PathMissingIcon} alt=\"Missing path\" width=\"128px\" />} />\n        <Title headingLevel=\"h1\" size=\"2xl\">\n          404: That page no longer exists\n        </Title>\n        <p style={{ marginTop: 'var(--pf-global--spacer--sm)' }}>\n          Another page might have the information you need, so try searching PatternFly.\n        </p>\n        <EmptyStateBody>\n          <div id=\"ws-404-search-wrapper\">\n            <TextInput id=\"ws-404-search\" type=\"text\" placeholder=\"Search PatternFly\" />\n          </div>\n        </EmptyStateBody>\n      </EmptyState>\n      <Grid hasGutter>\n        <Card404\n          img={PatternFlyIcon}\n          alt=\"PatternFly icon\"\n          title=\"Getting started\"\n          body=\"Learn about designing and developing with PatternFly.\"\n          link={{\n            text: 'View getting started resources',\n            to: '/get-started/about'\n          }}\n        />\n        <Card404\n          img={GuidelinesIcon}\n          alt=\"Guidelines icon\"\n          title=\"Guidelines\"\n          body=\"Check out PatternFly's design approach to icons, colors, and more.\"\n          link={{\n            text: 'View guidelines',\n            to: '/guidelines/colors'\n          }}\n        />\n        <Card404\n          img={ComponentsIcon}\n          alt=\"Components icon\"\n          title=\"Components\"\n          body=\"Start creating your applications with components -- the building blocks of user interfaces.\"\n          link={{\n            text: 'View components',\n            to: '/components/about-modal'\n          }}\n        />\n        <Card404\n          img={ChartIcon}\n          alt=\"Chart icon\"\n          title=\"Charts\"\n          body=\"Visualize your facts and figures by designing the right charts for your data.\"\n          link={{\n            text: 'View charts',\n            to: '/charts/about'\n          }}\n        />\n      </Grid>\n      <div className=\"ws-404-button-wrapper\">\n        <Button variant=\"primary\" component={Link} to=\"/\">\n          Return to home page\n        </Button>\n      </div>\n    </PageSection>\n  );\n}\n\nexport default Page404;\n"],"mappings":"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"},"metadata":{},"sourceType":"module"}