{"version":3,"file":"Card.jsx","names":["stylex","createElement","memo","borderRadius","color","styles","create","card","borderWidth","borderColor","gray200","backgroundColor","gray700","sm","display","Card","component","children","rest","props"],"sources":["../src/Card.tsx"],"sourcesContent":["import * as stylex from \"@stylexjs/stylex\";\nimport {\n\ttype HTMLAttributes,\n\ttype PropsWithChildren,\n\tcreateElement,\n\tmemo,\n} from \"react\";\n\nimport { borderRadius, color } from \"./tokens.stylex\";\n\nexport type CardProps = DivCardProps | LabelCardProps;\n\nexport interface DivCardProps extends PropsWithChildren {\n\tcomponent?: \"div\" | undefined;\n}\n\nexport interface LabelCardProps\n\textends HTMLAttributes<HTMLLabelElement>,\n\t\tPropsWithChildren {\n\tcomponent: \"label\";\n}\n\nconst styles = stylex.create({\n\tcard: {\n\t\tborderWidth: 1,\n\t\tborderColor: color.gray200,\n\t\tbackgroundColor: color.gray700,\n\n\t\tborderRadius: borderRadius.sm,\n\n\t\tdisplay: \"flex\",\n\t},\n});\n\nexport default memo(function Card({ component, children, ...rest }: CardProps) {\n\treturn createElement(\n\t\tcomponent ?? \"div\",\n\t\t{\n\t\t\t...stylex.props(styles.card),\n\t\t\t...rest,\n\t\t},\n\t\tchildren,\n\t);\n});\n"],"mappings":"AAAA,OAAO,KAAKA,MAAM,MAAM,kBAAkB;AAC1C,SAGCC,aAAa,EACbC,IAAI,QACE,OAAO;AAEd,SAASC,YAAY,EAAEC,KAAK,QAAQ,iBAAiB;AAcrD,MAAMC,MAAM,GAAGL,MAAM,CAACM,MAAM,CAAC;EAC5BC,IAAI,EAAE;IACLC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEL,KAAK,CAACM,OAAO;IAC1BC,eAAe,EAAEP,KAAK,CAACQ,OAAO;IAE9BT,YAAY,EAAEA,YAAY,CAACU,EAAE;IAE7BC,OAAO,EAAE;EACV;AACD,CAAC,CAAC;AAEF,eAAeZ,IAAI,CAAC,SAASa,IAAIA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAgB,CAAC,EAAE;EAC9E,OAAOjB,aAAa,CACnBe,SAAS,IAAI,KAAK,EAClB;IACC,GAAGhB,MAAM,CAACmB,KAAK,CAACd,MAAM,CAACE,IAAI,CAAC;IAC5B,GAAGW;EACJ,CAAC,EACDD,QACD,CAAC;AACF,CAAC,CAAC","ignoreList":[]}