{"componentChunkName":"component---src-templates-block-js","path":"/blocks/quotes/basic","result":{"data":{"block":{"id":"d3fc46ed-927d-5729-bee1-2503186e061d","displayName":"QuoteBasic","src":"/** @jsx jsx */\nimport { jsx } from 'theme-ui'\nimport { ControlType, applyPropertyControls } from 'property-controls'\n\nconst QuoteBasic = ({ textAlign = 'center', ...props }) => (\n  <section\n    sx={{\n      px: 2,\n      py: [3, 4, 5],\n      textAlign\n    }}\n    {...props}\n  />\n)\n\nQuoteBasic.Content = props => (\n  <blockquote\n    sx={{\n      maxWidth: 'container',\n      mx: 'auto',\n      my: 0,\n      fontSize: [3, 4, 6],\n      lineHeight: 'heading',\n      fontWeight: 'heading'\n    }}\n    {...props}\n  />\n)\n\nQuoteBasic.Author = ({ children, ...props }) =>\n  children ? (\n    <footer\n      sx={{\n        fontSize: 1\n      }}\n      {...props}\n    >\n      &mdash; {children}\n    </footer>\n  ) : null\n\napplyPropertyControls(QuoteBasic, {\n  textAlign: {\n    type: ControlType.Enum,\n    options: ['left', 'center', 'right']\n  },\n  sx: {\n    type: ControlType.Style\n  }\n})\n\napplyPropertyControls(QuoteBasic.Content, {\n  children: {\n    title: 'Text',\n    type: ControlType.String,\n    required: true\n  },\n  sx: {\n    type: ControlType.Style\n  }\n})\n\napplyPropertyControls(QuoteBasic.Author, {\n  children: {\n    title: 'Text',\n    type: ControlType.String\n  },\n  sx: {\n    type: ControlType.Style\n  }\n})\n\nQuoteBasic.usage = `\n  <QuoteBasic>\n    <QuoteBasic.Content>\n      Science is magic that works.\n    </QuoteBasic.Content>\n    <QuoteBasic.Author>\n      Kurt Vonnegut\n    </QuoteBasic.Author>\n  </QuoteBasic>\n`\n\nexport default QuoteBasic\n","transformed":"const BLOCKS_Container = () => jsx(QuoteBasic, null, jsx(QuoteBasic.Content, null, \"Science is magic that works.\"), jsx(QuoteBasic.Author, null, \"Kurt Vonnegut\"));\n\nconst BLOCKS_Root = ({\n  children\n}) => {\n  return jsx(BLOCKS_Droppable, {\n    droppableId: \"root\"\n  }, (provided, snapshot) => jsx(\"div\", _extends({}, provided.droppableProps, {\n    style: {\n      minHeight: 'calc(100vh - 41px)'\n    },\n    ref: provided.innerRef\n  }), children, provided.placeholder));\n};"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"d3fc46ed-927d-5729-bee1-2503186e061d","slug":"blocks/quotes/basic"}}}