---
export interface Props {
  size?: number;
  width?: number;
  height?: number;
  strokeWidth?: number;
  stroke?: string;
  fill?: string;
  customClasses?: string;
  viewBox?: string;
  strokeLinecap?: "round" | "butt" | "square" | "inherit";
  strokeLinejoin?: "round" | "inherit" | "miter" | "bevel";
}

const {
  size = 24,
  strokeWidth = 2,
  width = size,
  height = size,
  stroke = "currentColor",
  strokeLinecap = 'round',
  strokeLinejoin = 'round',
  fill = "none",
  customClasses = '',
  viewBox = '0 0 24 24',
} = Astro.props;
---
<svg xmlns="http://www.w3.org/2000/svg" class={`feather feather-x ${customClasses}`} width={width} height={height} fill={fill} viewBox={viewBox}  stroke={stroke} stroke-width={strokeWidth} stroke-linecap={strokeLinecap} stroke-linejoin={strokeLinejoin}>
<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
</svg>