import * as React from 'react';
import * as stylex from "@stylexjs/stylex";

export default function Card({ children, em = false, ...props }) {
  return (
    <div {...props} {...stylex.props(styles.base, em && styles.emphasise)}>
      {children}
    </div>
  );
}

const styles = stylex.create({
  base: {
    appearance: "none",
    borderStyle: "none",
    backgroundColor: "blue",
    color: "white",
    borderRadius: 4,
    paddingBlock: 4,
    paddingInline: 8,
  },
  emphasise: {
    transform: "scale(1.1)",
  }
});