---
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 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path>
</svg>