{"version":3,"file":"PaymentInformation-6i7A04SD.js","sources":["../../../app/javascript/entrypoints/Checkout/components/PaymentInformation.jsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Typography } from \"@mui/material\";\nimport { CardElement } from \"@stripe/react-stripe-js\";\nimport { colors } from \"../../lib/theme\";\n\nconst PaymentInformation = () => (\n  <>\n    <Typography variant=\"h5\" gutterBottom sx={{ mt: 6, color: colors.navy }}>\n      Payment Information\n    </Typography>\n    <Typography variant=\"body1\" gutterBottom color={colors.navy} sx={{ mb: 3 }}>\n      Please enter your payment information to complete the transaction.\n    </Typography>\n    <Box\n      sx={{\n        mt: 3,\n        border: `1px solid ${colors.lighterGray}`,\n        borderRadius: '4px',\n        padding: '15px',\n        backgroundColor: colors.white,\n      }}\n    >\n      <CardElement\n        options={{\n          style: {\n            base: {\n              fontSize: '16px',\n              color: colors.navy,\n              '::placeholder': {\n                color: '#aab7c4',\n              },\n            },\n          },\n        }}\n      />\n    </Box>\n  </>\n);\n\nexport default PaymentInformation;\n"],"names":["PaymentInformation","React","Typography","colors","Box","CardElement"],"mappings":"2WAKA,MAAMA,EAAqB,IAEvBC,EAAA,cAAAA,EAAA,SAAA,KAAAA,EAAA,cAACC,GAAW,QAAQ,KAAK,aAAY,GAAC,GAAI,CAAE,GAAI,EAAG,MAAOC,EAAO,IAAK,CAAA,EAAG,qBAEzE,EACCF,EAAA,cAAAC,EAAA,CAAW,QAAQ,QAAQ,aAAY,GAAC,MAAOC,EAAO,KAAM,GAAI,CAAE,GAAI,CAAE,GAAG,oEAE5E,EACAF,EAAA,cAACG,EAAA,CACC,GAAI,CACF,GAAI,EACJ,OAAQ,aAAaD,EAAO,WAAW,GACvC,aAAc,MACd,QAAS,OACT,gBAAiBA,EAAO,KAC1B,CAAA,EAEAF,EAAA,cAACI,EAAA,CACC,QAAS,CACP,MAAO,CACL,KAAM,CACJ,SAAU,OACV,MAAOF,EAAO,KACd,gBAAiB,CACf,MAAO,SACT,CACF,CACF,CACF,CAAA,CACF,CACF,CACF"}