"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("styled-components"),t=require("./utils.js"),d=require("../../utils/index.js");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(l);const r=a.default.div`
  display: flex;
  flex-direction: column;
  border-radius: ${e=>e.theme.radius.roundedC};
  box-shadow: ${e=>e.theme.elevation.e1};
  ${t.getCardVariant};
  ${t.getCardInteractiveStyles}
`;r.displayName="Card";const i=a.default.div`
  display: flex;
  flex-direction: column;
  padding: ${d.getSpacing("s04","s05")};
  width: 100%;
`;i.displayName="CardContent";const n=a.default.div`
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: ${d.getSpacing("s05","s05","s04")};
  width: 100%;

  h1,
  h2,
  h3,
  h4 {
    margin: 0;
  }
`;n.displayName="CardHeader";const s=a.default.div`
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  padding: ${d.getSpacing("s04","s05","s05")};
  width: 100%;
`;s.displayName="CardActions";exports.Card=r;exports.CardActions=s;exports.CardContent=i;exports.CardHeader=n;
