{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/Grid/index.js","webpack:///./node_modules/@material-ui/core/CardContent/index.js","webpack:///./node_modules/@material-ui/core/Card/index.js","webpack:///./node_modules/@material-ui/core/Grid/Grid.js","webpack:///./node_modules/@material-ui/core/Card/Card.js","webpack:///./src/components/BestPracticesGrid.js","webpack:///./node_modules/@material-ui/core/utils/requirePropFactory.js","webpack:///./src/templates/art_type.js","webpack:///./node_modules/@material-ui/core/CardActionArea/index.js","webpack:///./node_modules/@material-ui/core/CardActionArea/CardActionArea.js","webpack:///./src/components/BestPractice.js","webpack:///./node_modules/@material-ui/core/CardContent/CardContent.js"],"names":["_interopRequireDefault","Object","defineProperty","exports","value","enumerable","get","_Grid","_CardContent","_Card","styles","_defineProperty2","_objectWithoutProperties2","_extends2","_react","_classnames","_withStyles","_createBreakpoints","GUTTERS","GRID_SIZES","theme","container","boxSizing","display","flexWrap","width","item","margin","zeroMinWidth","minWidth","flexDirection","alignItems","alignContent","justifyContent","breakpoint","forEach","spacing","index","concat","padding","generateGutter","keys","reduce","accumulator","key","globalStyles","size","Math","round","flexBasis","flexGrow","maxWidth","breakpoints","up","generateGrid","Grid","props","_classNames","classes","classNameProp","className","Component","component","direction","justify","lg","md","sm","wrap","xl","xs","other","String","defaultProps","createElement","_default","name","_Paper","root","overflow","Card","raised","elevation","withStyles","card","best_practices_elements","best_practices","map","id","title","url","componentNameInError","query","data","variant","gutterBottom","hasura","art_type","best_practice_art_types","e","best_practice","_CardActionArea","_ButtonBase","textAlign","opacity","palette","action","hoverOpacity","focusVisible","focusHighlight","pointerEvents","position","backgroundColor","top","right","bottom","left","transition","transitions","create","duration","children","focusVisibleClassName","minHeight","link","textDecoration","to","paddingBottom","CardContent"],"mappings":"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","file":"component---src-templates-art-type-js-629aa0dcf9dff9ee2f0d.js","sourcesContent":["\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"default\", {\n  enumerable: true,\n  get: function get() {\n    return _Grid[\"default\"];\n  }\n});\n\nvar _Grid = _interopRequireDefault(require(\"./Grid\"));","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"default\", {\n  enumerable: true,\n  get: function get() {\n    return _CardContent[\"default\"];\n  }\n});\n\nvar _CardContent = _interopRequireDefault(require(\"./CardContent\"));","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"default\", {\n  enumerable: true,\n  get: function get() {\n    return _Card[\"default\"];\n  }\n});\n\nvar _Card = _interopRequireDefault(require(\"./Card\"));","\"use strict\";\n\nrequire(\"core-js/modules/web.dom.iterable\");\n\nrequire(\"core-js/modules/es6.array.iterator\");\n\nrequire(\"core-js/modules/es6.object.to-string\");\n\nrequire(\"core-js/modules/es6.array.reduce\");\n\nrequire(\"core-js/modules/es6.array.for-each\");\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.styles = void 0;\n\nvar _defineProperty2 = _interopRequireDefault(require(\"@babel/runtime/helpers/defineProperty\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _utils = require(\"@material-ui/utils\");\n\nvar _withStyles = _interopRequireDefault(require(\"../styles/withStyles\"));\n\nvar _createBreakpoints = require(\"../styles/createBreakpoints\");\n\nvar _requirePropFactory = _interopRequireDefault(require(\"../utils/requirePropFactory\")); // A grid component using the following libs as inspiration.\n//\n// For the implementation:\n// - http://v4-alpha.getbootstrap.com/layout/flexbox-grid/\n// - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css\n// - https://github.com/roylee0704/react-flexbox-grid\n// - https://material.angularjs.org/latest/layout/introduction\n//\n// Follow this flexbox Guide to better understand the underlying model:\n// - https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\n\nvar GUTTERS = [0, 8, 16, 24, 32, 40];\nvar GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nfunction generateGrid(globalStyles, theme, breakpoint) {\n  var styles = {};\n  GRID_SIZES.forEach(function (size) {\n    var key = \"grid-\".concat(breakpoint, \"-\").concat(size);\n\n    if (size === true) {\n      // For the auto layouting\n      styles[key] = {\n        flexBasis: 0,\n        flexGrow: 1,\n        maxWidth: '100%'\n      };\n      return;\n    }\n\n    if (size === 'auto') {\n      styles[key] = {\n        flexBasis: 'auto',\n        flexGrow: 0,\n        maxWidth: 'none'\n      };\n      return;\n    } // Keep 7 significant numbers.\n\n\n    var width = \"\".concat(Math.round(size / 12 * 10e7) / 10e5, \"%\"); // Close to the bootstrap implementation:\n    // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41\n\n    styles[key] = {\n      flexBasis: width,\n      flexGrow: 0,\n      maxWidth: width\n    };\n  }); // No need for a media query for the first size.\n\n  if (breakpoint === 'xs') {\n    (0, _extends2[\"default\"])(globalStyles, styles);\n  } else {\n    globalStyles[theme.breakpoints.up(breakpoint)] = styles;\n  }\n}\n\nfunction generateGutter(theme, breakpoint) {\n  var styles = {};\n  GUTTERS.forEach(function (spacing, index) {\n    if (index === 0) {\n      // Skip the default style.\n      return;\n    }\n\n    styles[\"spacing-\".concat(breakpoint, \"-\").concat(spacing)] = {\n      margin: -spacing / 2,\n      width: \"calc(100% + \".concat(spacing, \"px)\"),\n      '& > $item': {\n        padding: spacing / 2\n      }\n    };\n  });\n  return styles;\n} // Default CSS values\n// flex: '0 1 auto',\n// flexDirection: 'row',\n// alignItems: 'flex-start',\n// flexWrap: 'nowrap',\n// justifyContent: 'flex-start',\n\n\nvar styles = function styles(theme) {\n  return (0, _extends2[\"default\"])({\n    /* Styles applied to the root element if `container={true}`. */\n    container: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      width: '100%'\n    },\n\n    /* Styles applied to the root element if `item={true}`. */\n    item: {\n      boxSizing: 'border-box',\n      margin: '0' // For instance, it's useful when used with a `figure` element.\n\n    },\n\n    /* Styles applied to the root element if `zeroMinWidth={true}`. */\n    zeroMinWidth: {\n      minWidth: 0\n    },\n\n    /* Styles applied to the root element if `direction=\"column\"`. */\n    'direction-xs-column': {\n      flexDirection: 'column'\n    },\n\n    /* Styles applied to the root element if `direction=\"column-reverse\"`. */\n    'direction-xs-column-reverse': {\n      flexDirection: 'column-reverse'\n    },\n\n    /* Styles applied to the root element if `direction=\"rwo-reverse\"`. */\n    'direction-xs-row-reverse': {\n      flexDirection: 'row-reverse'\n    },\n\n    /* Styles applied to the root element if `wrap=\"nowrap\"`. */\n    'wrap-xs-nowrap': {\n      flexWrap: 'nowrap'\n    },\n\n    /* Styles applied to the root element if `wrap=\"reverse\"`. */\n    'wrap-xs-wrap-reverse': {\n      flexWrap: 'wrap-reverse'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"center\"`. */\n    'align-items-xs-center': {\n      alignItems: 'center'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-start\"`. */\n    'align-items-xs-flex-start': {\n      alignItems: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-end\"`. */\n    'align-items-xs-flex-end': {\n      alignItems: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"baseline\"`. */\n    'align-items-xs-baseline': {\n      alignItems: 'baseline'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"center\"`. */\n    'align-content-xs-center': {\n      alignContent: 'center'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-start\"`. */\n    'align-content-xs-flex-start': {\n      alignContent: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-end\"`. */\n    'align-content-xs-flex-end': {\n      alignContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-between\"`. */\n    'align-content-xs-space-between': {\n      alignContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-around\"`. */\n    'align-content-xs-space-around': {\n      alignContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"center\"`. */\n    'justify-xs-center': {\n      justifyContent: 'center'\n    },\n\n    /* Styles applied to the root element if `justify=\"flex-end\"`. */\n    'justify-xs-flex-end': {\n      justifyContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-between\"`. */\n    'justify-xs-space-between': {\n      justifyContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-around\"`. */\n    'justify-xs-space-around': {\n      justifyContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-evenly\"`. */\n    'justify-xs-space-evenly': {\n      justifyContent: 'space-evenly'\n    }\n  }, generateGutter(theme, 'xs'), _createBreakpoints.keys.reduce(function (accumulator, key) {\n    // Use side effect over immutability for better performance.\n    generateGrid(accumulator, theme, key);\n    return accumulator;\n  }, {}));\n};\n\nexports.styles = styles;\n\nfunction Grid(props) {\n  var _classNames;\n\n  var alignContent = props.alignContent,\n      alignItems = props.alignItems,\n      classes = props.classes,\n      classNameProp = props.className,\n      Component = props.component,\n      container = props.container,\n      direction = props.direction,\n      item = props.item,\n      justify = props.justify,\n      lg = props.lg,\n      md = props.md,\n      sm = props.sm,\n      spacing = props.spacing,\n      wrap = props.wrap,\n      xl = props.xl,\n      xs = props.xs,\n      zeroMinWidth = props.zeroMinWidth,\n      other = (0, _objectWithoutProperties2[\"default\"])(props, [\"alignContent\", \"alignItems\", \"classes\", \"className\", \"component\", \"container\", \"direction\", \"item\", \"justify\", \"lg\", \"md\", \"sm\", \"spacing\", \"wrap\", \"xl\", \"xs\", \"zeroMinWidth\"]);\n  var className = (0, _classnames[\"default\"])((_classNames = {}, (0, _defineProperty2[\"default\"])(_classNames, classes.container, container), (0, _defineProperty2[\"default\"])(_classNames, classes.item, item), (0, _defineProperty2[\"default\"])(_classNames, classes.zeroMinWidth, zeroMinWidth), (0, _defineProperty2[\"default\"])(_classNames, classes[\"spacing-xs-\".concat(String(spacing))], container && spacing !== 0), (0, _defineProperty2[\"default\"])(_classNames, classes[\"direction-xs-\".concat(String(direction))], direction !== Grid.defaultProps.direction), (0, _defineProperty2[\"default\"])(_classNames, classes[\"wrap-xs-\".concat(String(wrap))], wrap !== Grid.defaultProps.wrap), (0, _defineProperty2[\"default\"])(_classNames, classes[\"align-items-xs-\".concat(String(alignItems))], alignItems !== Grid.defaultProps.alignItems), (0, _defineProperty2[\"default\"])(_classNames, classes[\"align-content-xs-\".concat(String(alignContent))], alignContent !== Grid.defaultProps.alignContent), (0, _defineProperty2[\"default\"])(_classNames, classes[\"justify-xs-\".concat(String(justify))], justify !== Grid.defaultProps.justify), (0, _defineProperty2[\"default\"])(_classNames, classes[\"grid-xs-\".concat(String(xs))], xs !== false), (0, _defineProperty2[\"default\"])(_classNames, classes[\"grid-sm-\".concat(String(sm))], sm !== false), (0, _defineProperty2[\"default\"])(_classNames, classes[\"grid-md-\".concat(String(md))], md !== false), (0, _defineProperty2[\"default\"])(_classNames, classes[\"grid-lg-\".concat(String(lg))], lg !== false), (0, _defineProperty2[\"default\"])(_classNames, classes[\"grid-xl-\".concat(String(xl))], xl !== false), _classNames), classNameProp);\n  return _react[\"default\"].createElement(Component, (0, _extends2[\"default\"])({\n    className: className\n  }, other));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? Grid.propTypes = {\n  /**\n   * Defines the `align-content` style property.\n   * It's applied for all screen sizes.\n   */\n  alignContent: _propTypes[\"default\"].oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'space-between', 'space-around']),\n\n  /**\n   * Defines the `align-items` style property.\n   * It's applied for all screen sizes.\n   */\n  alignItems: _propTypes[\"default\"].oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),\n\n  /**\n   * The content of the component.\n   */\n  children: _propTypes[\"default\"].node,\n\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css-api) below for more details.\n   */\n  classes: _propTypes[\"default\"].object.isRequired,\n\n  /**\n   * @ignore\n   */\n  className: _propTypes[\"default\"].string,\n\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: _utils.componentPropType,\n\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container: _propTypes[\"default\"].bool,\n\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction: _propTypes[\"default\"].oneOf(['row', 'row-reverse', 'column', 'column-reverse']),\n\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item: _propTypes[\"default\"].bool,\n\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify: _propTypes[\"default\"].oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']),\n\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg: _propTypes[\"default\"].oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md: _propTypes[\"default\"].oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm: _propTypes[\"default\"].oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * Defines the space between the type `item` component.\n   * It can only be used on a type `container` component.\n   */\n  spacing: _propTypes[\"default\"].oneOf(GUTTERS),\n\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap: _propTypes[\"default\"].oneOf(['nowrap', 'wrap', 'wrap-reverse']),\n\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl: _propTypes[\"default\"].oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs: _propTypes[\"default\"].oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth: _propTypes[\"default\"].bool\n} : void 0;\nGrid.defaultProps = {\n  alignContent: 'stretch',\n  alignItems: 'stretch',\n  component: 'div',\n  container: false,\n  direction: 'row',\n  item: false,\n  justify: 'flex-start',\n  lg: false,\n  md: false,\n  sm: false,\n  spacing: 0,\n  wrap: 'wrap',\n  xl: false,\n  xs: false,\n  zeroMinWidth: false\n};\nvar StyledGrid = (0, _withStyles[\"default\"])(styles, {\n  name: 'MuiGrid'\n})(Grid);\n\nif (process.env.NODE_ENV !== 'production') {\n  var requireProp = (0, _requirePropFactory[\"default\"])('Grid');\n  StyledGrid.propTypes = (0, _extends2[\"default\"])({}, StyledGrid.propTypes, {\n    alignContent: requireProp('container'),\n    alignItems: requireProp('container'),\n    direction: requireProp('container'),\n    justify: requireProp('container'),\n    lg: requireProp('item'),\n    md: requireProp('item'),\n    sm: requireProp('item'),\n    spacing: requireProp('container'),\n    wrap: requireProp('container'),\n    xs: requireProp('item'),\n    zeroMinWidth: requireProp('zeroMinWidth')\n  });\n}\n\nvar _default = StyledGrid;\nexports[\"default\"] = _default;","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.styles = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _Paper = _interopRequireDefault(require(\"../Paper\"));\n\nvar _withStyles = _interopRequireDefault(require(\"../styles/withStyles\")); // @inheritedComponent Paper\n\n\nvar styles = {\n  /* Styles applied to the root element. */\n  root: {\n    overflow: 'hidden'\n  }\n};\nexports.styles = styles;\n\nfunction Card(props) {\n  var classes = props.classes,\n      className = props.className,\n      raised = props.raised,\n      other = (0, _objectWithoutProperties2[\"default\"])(props, [\"classes\", \"className\", \"raised\"]);\n  return _react[\"default\"].createElement(_Paper[\"default\"], (0, _extends2[\"default\"])({\n    className: (0, _classnames[\"default\"])(classes.root, className),\n    elevation: raised ? 8 : 1\n  }, other));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? Card.propTypes = {\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css-api) below for more details.\n   */\n  classes: _propTypes[\"default\"].object.isRequired,\n\n  /**\n   * @ignore\n   */\n  className: _propTypes[\"default\"].string,\n\n  /**\n   * If `true`, the card will use raised styling.\n   */\n  raised: _propTypes[\"default\"].bool\n} : void 0;\nCard.defaultProps = {\n  raised: false\n};\n\nvar _default = (0, _withStyles[\"default\"])(styles, {\n  name: 'MuiCard'\n})(Card);\n\nexports[\"default\"] = _default;","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport BestPractice from \"./BestPractice\";\n// import Layout from \"../components/layout\";\n\nconst styles = {\n  card: {\n    maxWidth: 345\n  }\n  // media: {\n  //   height: 140\n  // }\n};\n\nconst BestPracticesGrid = ({ classes, best_practices }) => {\n  const best_practices_elements = best_practices.map(({ id, title }) => (\n    <Grid item key={id}>\n      <BestPractice title={title} url={\"/best_practices/\" + id} />\n    </Grid>\n  ));\n  return (\n    <Grid container spacing={16}>\n      {best_practices_elements}\n    </Grid>\n  );\n};\nexport default withStyles(styles)(BestPracticesGrid);\n","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\n\nfunction requirePropFactory(componentNameInError) {\n  /* istanbul ignore if */\n  if (process.env.NODE_ENV === 'production') {\n    return function () {\n      return null;\n    };\n  }\n\n  var requireProp = function requireProp(requiredProp) {\n    return function (props, propName, componentName, location, propFullName) {\n      var propFullNameSafe = propFullName || propName;\n\n      if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {\n        return new Error(\"The property `\".concat(propFullNameSafe, \"` of \") + \"`\".concat(componentNameInError, \"` must be used on `\").concat(requiredProp, \"`.\"));\n      }\n\n      return null;\n    };\n  };\n\n  return requireProp;\n}\n\nvar _default = requirePropFactory;\nexports[\"default\"] = _default;","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Typography from \"@material-ui/core/Typography\";\nimport BestPracticesGrid from \"../components/BestPracticesGrid\";\n\nconst styles = theme => ({});\n\nfunction ArtType({ data, classes }) {\n  return (\n    <div>\n      <Typography variant=\"h4\" gutterBottom>\n        {data.hasura.art_type.title}\n      </Typography>\n      <BestPracticesGrid\n        best_practices={data.hasura.art_type.best_practice_art_types.map(\n          e => e.best_practice\n        )}\n      />\n    </div>\n  );\n}\n\nexport const query = graphql`\n  query($id: Int!) {\n    hasura {\n      art_type: art_types_by_pk(id: $id) {\n        title\n        best_practice_art_types {\n          best_practice {\n            id\n            title\n          }\n        }\n      }\n    }\n  }\n`;\nexport default withStyles(styles)(ArtType);\n","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"default\", {\n  enumerable: true,\n  get: function get() {\n    return _CardActionArea[\"default\"];\n  }\n});\n\nvar _CardActionArea = _interopRequireDefault(require(\"./CardActionArea\"));","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.styles = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _withStyles = _interopRequireDefault(require(\"../styles/withStyles\"));\n\nvar _ButtonBase = _interopRequireDefault(require(\"../ButtonBase\")); // @inheritedComponent ButtonBase\n\n\nvar styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      display: 'block',\n      textAlign: 'inherit',\n      width: '100%',\n      '&:hover $focusHighlight': {\n        opacity: theme.palette.action.hoverOpacity\n      },\n      '&$focusVisible $focusHighlight': {\n        opacity: 0.12\n      }\n    },\n\n    /* Styles applied to the ButtonBase root element if the action area is keyboard focused. */\n    focusVisible: {},\n\n    /* Styles applied to the overlay that covers the action area when it is keyboard focused. */\n    focusHighlight: {\n      pointerEvents: 'none',\n      position: 'absolute',\n      backgroundColor: 'currentcolor',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      opacity: 0,\n      transition: theme.transitions.create('opacity', {\n        duration: theme.transitions.duration[\"short\"]\n      })\n    }\n  };\n};\n\nexports.styles = styles;\n\nfunction CardActionArea(props) {\n  var children = props.children,\n      classes = props.classes,\n      className = props.className,\n      focusVisibleClassName = props.focusVisibleClassName,\n      other = (0, _objectWithoutProperties2[\"default\"])(props, [\"children\", \"classes\", \"className\", \"focusVisibleClassName\"]);\n  return _react[\"default\"].createElement(_ButtonBase[\"default\"], (0, _extends2[\"default\"])({\n    className: (0, _classnames[\"default\"])(classes.root, className),\n    focusVisibleClassName: (0, _classnames[\"default\"])(focusVisibleClassName, classes.focusVisible)\n  }, other), children, _react[\"default\"].createElement(\"span\", {\n    className: classes.focusHighlight\n  }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? CardActionArea.propTypes = {\n  /**\n   * The content of the component.\n   */\n  children: _propTypes[\"default\"].node,\n\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css-api) below for more details.\n   */\n  classes: _propTypes[\"default\"].object.isRequired,\n\n  /**\n   * @ignore\n   */\n  className: _propTypes[\"default\"].string,\n\n  /**\n   * @ignore\n   */\n  focusVisibleClassName: _propTypes[\"default\"].string\n} : void 0;\n\nvar _default = (0, _withStyles[\"default\"])(styles, {\n  name: 'MuiCardActionArea'\n})(CardActionArea);\n\nexports[\"default\"] = _default;","import React from \"react\";\nimport Card from \"@material-ui/core/Card\";\nimport Typography from \"@material-ui/core/Typography\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport CardActionArea from \"@material-ui/core/CardActionArea\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { Link } from \"gatsby\";\n\nconst styles = {\n  card: {\n    width: 245,\n    minHeight: 145,\n    textAlign: \"center\"\n  },\n  link: {\n    textDecoration: \"none\"\n  }\n  // media: {\n  //   height: 140\n  // }\n};\n\nconst BestPractice = ({ classes, url, title }) => {\n  return (\n    // <CardActionArea onClick={navigate(url)}>\n    <CardActionArea>\n      <Link to={url} className={classes.link}>\n        <Card className={classes.card}>\n          {/* <CardMedia height=\"140\" title=\"Paella dish\"> */}\n          {/* <Img fluid={image} /> */}\n          {/* </CardMedia> */}\n          <CardContent>\n            {/* <img src={svg_url} style={{ filter: \"invert(100%)\" }} /> */}\n            <Typography component=\"p\">{title}</Typography>\n          </CardContent>\n        </Card>\n      </Link>\n    </CardActionArea>\n  );\n};\n\nexport default withStyles(styles)(BestPractice);\n","\"use strict\";\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = exports.styles = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutProperties2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutProperties\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _utils = require(\"@material-ui/utils\");\n\nvar _withStyles = _interopRequireDefault(require(\"../styles/withStyles\"));\n\nvar styles = {\n  /* Styles applied to the root element. */\n  root: {\n    padding: 16,\n    '&:last-child': {\n      paddingBottom: 24\n    }\n  }\n};\nexports.styles = styles;\n\nfunction CardContent(props) {\n  var classes = props.classes,\n      className = props.className,\n      Component = props.component,\n      other = (0, _objectWithoutProperties2[\"default\"])(props, [\"classes\", \"className\", \"component\"]);\n  return _react[\"default\"].createElement(Component, (0, _extends2[\"default\"])({\n    className: (0, _classnames[\"default\"])(classes.root, className)\n  }, other));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? CardContent.propTypes = {\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css-api) below for more details.\n   */\n  classes: _propTypes[\"default\"].object.isRequired,\n\n  /**\n   * @ignore\n   */\n  className: _propTypes[\"default\"].string,\n\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: _utils.componentPropType\n} : void 0;\nCardContent.defaultProps = {\n  component: 'div'\n};\n\nvar _default = (0, _withStyles[\"default\"])(styles, {\n  name: 'MuiCardContent'\n})(CardContent);\n\nexports[\"default\"] = _default;"],"sourceRoot":""}