---
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="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>