MUI 내장 styled(emotion) 믹스인 사용방법 예시 코드

import { css } from '@emotion/react';

// 믹스인 정의
export const mixinFlex = (direction : "row" | "column") => css`
  display: flex;
  flex-direction: ${direction};
  align-items: center;
  justify-content: center;
`;

const Container = styled("div")`
  ${mixinFlex("row")};
  padding:24px;
  border-radius:8px;
`