"use strict";

exports.__esModule = true;
exports.simple = void 0;
var simple = exports.simple = "\n<Card>\n  <Card.Header\n    title=\"Monthly App Revenue\"\n    suffix={<TextButton size=\"small\">Learn more</TextButton>}\n  />\n  <Card.Divider />\n  <Card.Content>\n    <Box align=\"center\">\n      <StackedBarChart\n        yAxisTickFormat={(raw, formatted) => `${formatted} $`}\n        data={[\n          { label: 'Jan 20', values: [1000, 200] },\n          { label: 'Feb 20', values: [200, 700] },\n          { label: 'Mar 20', values: [0, 400] },\n          { label: 'Apr 20', values: [900, 100] },\n          { label: 'Mai 20', values: [300, 300] },\n          { label: 'Jun 20', values: [400, 300] },\n          { label: 'Jul 20', values: [100, 100] },\n          { label: 'Aug 20', values: [0, 0] },\n          { label: 'Sep 20', values: [800, 0] },\n          { label: 'Oct 20', values: [600, 300] },\n          { label: 'Nov 20', values: [200, 300] },\n          { label: 'Dec 20', values: [300, 200] },\n        ]}\n        tooltipTemplate={({ label, values }) => (\n          <Box direction=\"vertical\">\n            <Text size=\"small\" light>\n              Summing to the total values shows you have: {values[0] + values[1]} $\n            </Text>\n            <Text size=\"small\" light>\n              Payout: {values[1]} $\n            </Text>\n          </Box>\n        )}\n        tooltipCommonProps={{ maxWidth: '306px' }}\n        margin={{ left: 100 }}\n        width={894}\n        height={400}\n      />\n    </Box>\n  </Card.Content>\n</Card>\n";