{"version":3,"file":"Section.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Section.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAqBnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Section} component.\n *\n * @property children - The children of the section.\n * @category Component Props\n */\nexport type SectionProps = {\n  // We can't use `JSXElement` because it causes a circular reference.\n  children: SnapsChildren<GenericSnapElement>;\n  direction?: 'vertical' | 'horizontal' | undefined;\n  alignment?:\n    | 'start'\n    | 'center'\n    | 'end'\n    | 'space-between'\n    | 'space-around'\n    | undefined;\n};\n\nconst TYPE = 'Section';\n\n/**\n * A section component, which is used to group multiple components together.\n * The component itself is 16px padded with a default background and a border radius of 8px.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the section.\n * @param props.direction - The direction that the children are aligned.\n * @param props.alignment - The alignment of the children (a justify-content value).\n * @returns A section element.\n * @example\n * <Section>\n *   <Row label=\"From\">\n *     <Address address=\"0x1234567890123456789012345678901234567890\" />\n *   </Row>\n *   <Row label=\"To\" variant=\"warning\" tooltip=\"This address has been deemed dangerous.\">\n *     <Address address=\"0x0000000000000000000000000000000000000000\" />\n *   </Row>\n * </Section>\n * @category Components\n */\nexport const Section = createSnapComponent<SectionProps, typeof TYPE>(TYPE);\n\n/**\n * A section element.\n *\n * @see {@link Section}\n * @category Elements\n */\nexport type SectionElement = ReturnType<typeof Section>;\n"]}