@chakra-ui/card
Version:
React component used to group related content
1 lines • 1.27 kB
Source Map (JSON)
{"version":3,"sources":["../src/card-footer.tsx"],"sourcesContent":["import { cx } from \"@chakra-ui/shared-utils\"\nimport {\n forwardRef,\n HTMLChakraProps,\n chakra,\n SystemProps,\n} from \"@chakra-ui/system\"\nimport { useCardStyles } from \"./card-context\"\n\nexport interface CardFooterProps extends HTMLChakraProps<\"div\"> {\n justify?: SystemProps[\"justifyContent\"]\n}\n\nexport const CardFooter = forwardRef<CardFooterProps, \"div\">(\n function CardFooter(props, ref) {\n const { className, justify, ...rest } = props\n const styles = useCardStyles()\n return (\n <chakra.div\n ref={ref}\n className={cx(\"chakra-card__footer\", className)}\n __css={{\n display: \"flex\",\n justifyContent: justify,\n ...styles.footer,\n }}\n {...rest}\n />\n )\n },\n)\n"],"mappings":";;;;;;AAAA,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EAEA;AAAA,OAEK;AAYD;AALC,IAAM,aAAa;AAAA,EACxB,SAASA,YAAW,OAAO,KAAK;AAC9B,UAAM,EAAE,WAAW,SAAS,GAAG,KAAK,IAAI;AACxC,UAAM,SAAS,cAAc;AAC7B,WACE;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC;AAAA,QACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,OAAO;AAAA,UACL,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,GAAG,OAAO;AAAA,QACZ;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["CardFooter"]}